css表格，如何使表格内的单td列宽度固定，且表格总体带滚动条？

html-css014

css表格，如何使表格内的单td列宽度固定，且表格总体带滚动条？,第1张

给你提供个思路，在表格里套表格：把除第一行和第一列外的td合并，然后在里面添加一个

<div>

<table>

</table>

</div>

其中table里放什么东西自己定，最后设计CSS：

给div设定一个宽度和一个高度，并设置overflow:auto属性

这样就会根据你table里的内容自动出现滚动条，但有一点，滚动条是在div标签出现，而不是你提供的图片那样（在外部表格的"局部"出现（这种估计实现不了））

<table>

<tr>

<td width:="100"></td>

<td></td>

<td></td>

</tr>

</table>

可以给td定宽度，如<td width:="100"></td>表示td宽100像素，也可用百分比，如<td width:="10%"></td>

如果不要支持低版本IE的话可以用 :nth-child 选择器，给指定位子的 td 加上 width

如果要兼容，那就一个个写上 <td width="50%">吧