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 に答える