我有以下css:
.ReadOnlySettingsListField {
width:150px;
float: left;
padding: 2px;
background-color: #eeeeee;
}
我的html如下:
<table>
<tr>
<td>
<div id="value1" class="ReadOnlySettingsListField ">{{ value1 }}</div>
<div id="value2" class="ReadOnlySettingsListField "> </div>
<div id="value3" class="ReadOnlySettingsListField ">{{ value3 }}</div>
</td>
</tr>
</table>
我的问题是每当值:value1或value3是空的,div不像它应该的样子,即背景颜色只显示为顶部的一个小细条。如果value1或value3有任何文本,那么它看起来像预期的(150宽,背景颜色=eeeeee)
我如何使css适用于"空"值,以及?
尝试在你的css类中使用min-width
和min-height
属性,就像这样
.ReadOnlySettingsListField
{
width:150px;
float: left;
padding: 2px;
background-color: #eeeeee;
min-width:150px;
min-height:100px;
}