span盒模型知识点

<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;
}
效果如下图：