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

html-css012

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

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

<div>

<table>

</table>

</div>

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

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

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

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<table>标签中的第一个<td>标签,加入属性代码:width="65px"。

3、浏览器运行index.html页面,此时表格第一列的宽度被固定在65像素。