我有一系列自动生成的 div,其中包含标签和数据信息。
IE
<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 一样浮动。我也想保留原始的“显示字段”类,因为它包含我希望所有字段保持一致的其他样式。
div.uri{
width:**Clear**
}