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

html-css046

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}