css样式表中如何设置table的第一列的宽度是固定值。页面中有很多table纵向排列

html-css023

css样式表中如何设置table的第一列的宽度是固定值。页面中有很多table纵向排列,第1张

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

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

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

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

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

<div>

<table>

</table>

</div>

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

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

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

给table的th,td设置固定宽度,并不起作用,内容还是会被撑开,而且不会换行。

这个bug在IE下尤为明显。

如何解决?

在上面css设置下,td的width可以设置固定值也可设置百分比,达到某些列宽度固定,某些列按比例自适应的效果。