<span>用地类别</span> span{ display: inline-block; border:1px solid #AEAEAE; width:160px; padding:4px 5px 0px; } 当span是以上情形时,span的内容宽度为148px, 左右内边距5px,左右border1px, 即148 + 5x2 + 1x2 = 160px。 即当span变成行内块时,指定的width指的是总宽度,包含了内容宽度,左右内边距,左右边框。 左右外边距并未测试。 盒模型如下:
而由div + ul + li + css实现的表格中,表格列li的css效果如下:
<li class=\"table-cell\">" + landNatureCode_landNature[landNatureCode] + "</li>
.table-cell{ /*此元素会作为一个表格单元格显示(类似 <td> 和 <th>)*/ display:table-cell; padding:0px 5px 4px; border:1px solid transparent; width:150px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } 效果如下图: