把第一列变成th
,这样就可以方便的控制了。
例如:三行三列的表格可以这样写:
<table>
<tbody>
<tr>
<th></th>
<td></td><td></td>
</tr>
<tr>
<th></th>
<td></td><td></td>
</tr>
<tr>
<th></th>
<td></td><td></td>
</tr>
</tbody>
</table>
或者你可以分别设置不同的类来达到控制的目的。
CSS可以这样写
th{
width:100px
}
td{
width:200px
}
css2里的伪类均摊符,意思是:匹配父元素的第一个子元素你可以在css手机里可以查到这个伪类选择符
比如:
<ul>
<li>列表项一</li>
<li>列表项二</li>
<li>列表项三</li>
<li>列表项四</li>
</ul>
在上述代码中,如果我们要设置第一个li的样式,那么代码应该写成li:first-child{sRules},而不是ul:first-child{sRules}。其它相关的伪类都如此。
table{
table-layout:fixed
}
table
tr
td:first-child,table
tr
td:first-child{
width:120px
}
你只要把首行
第一个td定宽
同列的宽度都会和他一样.
你要注意的是
第一行
第一个用的是
td
还是
th
楼下的
你测试过吗
就敢说可能有问题.