html 列宽调整（td width 不生效问题）

最新推荐文章于 2024-06-22 12:35:18 发布

Zonson9999

最新推荐文章于 2024-06-22 12:35:18 发布

阅读量4.9k

点赞数 1

分类专栏： html-css

本文链接：https://blog.csdn.net/wuzhong8809/article/details/119753555

版权

1:给 table 加上 table-layout:fixed 属性

2: 给 td 加上 width属性

<html>
<body>

<style>

.mytable {
table-layout:fixed
}

</style>

<table class = "mytable" border="1"  >
  <tr>
    <th width="300px">Month</th>
  </tr>
  <tr>
    <td width="300px">Januarydffffffffdaf</td>
  </tr>
</table>

</body>
</html>

但是比如，我们把width 改为 10，可以看到表格宽度不再减少：

也就是说，默认长度至少为单元格内容长度（不换行）。

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Zonson9999

关注关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
打赏
0
评论
html 列宽调整（td width 不生效问题）

1:给 table 加上 table-layout:fixed 属性2: 给 td 加上 width属性<html><body><style>.mytable {table-layout:fixed}</style><table class = "mytable" border="1" > <tr> <th width="300px">Month</th> &lt
复制链接

扫一扫