0

ラベルとデータ情報を保持する一連の自動生成されたdivがあります。

すなわち

<div class="display-label">
    @Html.DisplayNameFor(model => model.BusinessPhone)
</div>
<div class="display-field">
    @Html.DisplayFor(model => model.BusinessPhone)
</div>
<div class="display-label">
    @Html.DisplayNameFor(model => model.Email)
</div>
<div class="display-field uri">
    @Html.DisplayFor(model => model.Email)
</div>

CSS：

div.display-label{
display: inline-block;
float: left;
width: 9em;
}
div.display-field{
display: inline-block;
width: 10em;
min-height: 1em;
float: left;
}

私がやりたいのは、uriクラスを持つdivに、以前に設定された幅を削除して、スタイルのないdivのように幅をフロートさせることです。すべてのフィールドで一貫性を持たせたい追加のスタイルが含まれているため、元の「display-field」クラスも保持したいと思います。

div.uri{
   width:**Clear**
}
4

2 に答える 2

1

通常、特定の要素のデフォルトの幅は次のautoとおりです。

div.uri {
   width: auto;
}
于 2013-03-08T18:02:18.633 に答える
1 
div.uri {
    width: auto;
}

また、このスタイルが他のクラススタイルの後に宣言されていることを確認してください。

于 2013-03-08T18:02:32.093 に答える