display属性值table-cell的使用

display的属性值table-cell代表将标签转换为表格td或是th格式，之后可以引用td的属性vertical-align:bottom等；

如需要将td单行显示需要加入行元素display:table-row;

 

如并列显示则不需要加入display:table-row;

 

ie6、ie7不支持；

 

下面的案例是单行显示代码：

 

ul li p{ overflow:hidden; width:130px;  margin:0 0 0 20px; overflow:hidden; display:table-row; }
ul li p span{ display:table-cell; padding:10px 0 0 10px; vertical-align:bottom; height:28px; }