2

我有一个包含以下代码的视图：

<ul class="nav nav-tabs">
    <li class="active"><a href="#General" data-toggle="tab"><i class="icon-home"></i> General</a></li>
    <li><a href="#Background" data-toggle="tab"><i class="icon-picture"></i> Background</a></li>
    <li><a href="#FormContainer" data-toggle="tab"><i class="icon-edit"></i> Form Container</a></li>
    <li><a href="#Logo" data-toggle="tab"><i class="icon-picture"></i> Logo</a></li>
    <li><a href="#Colors" data-toggle="tab"><i class="icon-tint"></i> Colors</a></li>
    <li><a href="#Fonts" data-toggle="tab"><i class="icon-font"></i> Fonts</a></li>
</ul>

类和 html 属性来自 Twitter Bootstrap，但这并不重要。

按下 Ctrl+E+D 组合后，以下代码将更改：

<i class="icon-home"></i> General到<i class="icon-home"></i>General

我还尝试在标签之间放置一个空格，<i>但它也被剥离了。

这有效地将选项卡标题移动到更靠近图标的位置，虽然它很容易修复，但我不想每次从 Visual Studio 中的自动代码格式化中受益时都必须这样做。

有没有办法改变/调整这种行为？

4

1 回答 1

2

你可以在这里玩东西 :: Tools/Options/Text Editor/HTML/Formatting

有时你会发现要完全按照你想要的方式得到东西有点困难，但如果有办法调整你的间距，那就是它所在的位置。

于 2012-06-11T18:19:37.927 回答