【发布时间】:2012-06-14 15:16:45
【问题描述】:
我有一个包含以下代码的视图:
<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 中的自动代码格式化中受益时都必须这样做。
有没有办法改变/调整这种行为?
【问题讨论】:
-
这看起来像是在选项菜单中的东西,它会指定空格和不同的东西,而且它也是按语言完成的。另一种选择可能是尝试使用
&nbsp; -
@kwelch 我想用 就在发布问题之后。它可以作为一种解决方法。
-
我很高兴你能找到适合你的东西。
标签: html visual-studio-2010 code-formatting auto-indent