我有一个包含以下代码的视图:
<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中的自动代码格式化中受益。
有没有办法改变/调整这种行为?
答案 0 :(得分:2)
您可以在这里玩游戏::工具/选项/文本编辑器/ HTML /格式化
你会发现有时候按照你想要的方式完成事情有点困难,但是如果有办法调整你的间距,那就是它的位置。