Question

怎样用CSS设置table第一列样式

Answer 1

你编写表格的时候可以这样：
把第一列变成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;
}

Answer 2

style里
td｛
width:
200px
}
.firsttd｛
width:
100px
｝
html里
<table>
<tr>
<td
class=“firsttd”>1</td>
<td>2</td>
</tr>
<tr>
<td
class=“firsttd”>1</td>
<td>2</td>
</tr>
</table>
手机写的，很麻烦，所以简单写一下。希望能帮到你。

Answer 3

table
{
table-layout:fixed;
}
table
tr
td:first-child,table
tr
td:first-child{
width:120px;
}
你只要把首行
第一个td定宽
同列的宽度都会和他一样.
你要注意的是
第一行
第一个用的是
td
还是
th

Answer 4

Vue实践-CSS样式position/display/float属性对比使用