html table 列宽

发布网友发布时间：2022-04-24 16:35

共3个回答

热心网友时间：2022-04-19 07:02

1.table 设置宽度，绝对宽度和相对都可以

table-layout:fixed ;
设置了这个属性，其余所有td都是相同的宽度。

这样操作之后，table是宽度固定了，但是里面的文章如果很长，文字会覆盖

解决办法：

在 td 里面加上 style="word-wrap:break-word;" 自动换行就好了，如果不想换行，可以将超出内容设为隐藏，并且用省略号代替：

在td上面加

overflow:hidden;
white-space:nowrap;

热心网友时间：2022-04-19 08:20

使用 <colgroup> 元素
在 <table> 下添加以下元素作为 <table> 的第一个子元素

<colgroup>
<col class="col0" />
<col class="col1" />
<col class="col2" />
<col class="col3" />
...
</colgroup>

然后在 css 里面设置

.col0{min-width:200px;}
.col1{min-width:400px;}
.col2{min-width:800px;}
.col3{min-width:1600px;}

热心网友时间：2022-04-19 09:55

抛弃<table>吧淘汰的东西了你看下还有几个大网站页面代码有<table>标签的？应该学习CSS布局