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

html-css05

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

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

<div>

<table>

</table>

</div>

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

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

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

table

{

table-layout:fixed

}

table

tr

td:first-child,table

tr

td:first-child{

width:120px

}

你只要把首行

第一个td定宽

同列的宽度都会和他一样.

你要注意的是

第一行

第一个用的是

td

还是

th

楼下的

你测试过吗

就敢说可能有问题.

设置每个单元格的线宽， table td {width:1px}，单独设一列的话（行是tr），需要给对应的列加选择器，常用的有class,id。然后class为.类名｛width:1px｝,id为#id名{width:1px}