在外部CSS中实现Tabletd的colspan 个⼈感觉Table布局⼀直都是⽐较⿇烦的
前阵⼦有个客户需求，要把下⾯代码中的colspan=3去掉，在外部css中定义
<table border="2px">
<tr>
<td colspan="3">
table content
</td>
</tr>
<tr>
<td>
table content
</td>
<td>
table content
</td>
<td>
table content
</td>
</tr>
</table>
由于css中td并没有colspan属性，所以⾮常令⼈头痛，可以说是没办法实现的
最后⽤这么个⽅法忽悠了他：
<style type="text/css">
.tdcolspan
{
test: lSpan="3");
}
</style>
<table border="2px">
<tr>
<td class="tdcolspan">
table content
</td>
</tr>
<tr>
<td>
table content
</td>
<td>
html colspan属性
table content
</td>
<td>
table content
</td>
</tr>
</table>
如代码所⽰，IE的css expression到是可以实现需求：
然⽽，需要注意的是：
expression只能在IE下使⽤
expression⼀般不要使⽤，会消耗不少资源

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。