您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

设置表格列宽度常量,而不考虑其单元格中的文本量如何?

设置表格列宽度常量,而不考虑其单元格中的文本量如何?

我玩了一段时间,因为我很难弄清楚。

您需要设置单元格宽度(无论是工作th还是td工作,我都设置了两者)并将设置table- layoutfixed。出于某种原因,如果设置了表格宽度,单元格的宽度似乎也只能保持固定(我认为这很愚蠢,但是whatev)。

此外,设置overflow属性hidden以防止任何多余的文本从表中流出也很有用。

您还应该确保将CSS的所有边界和大小都保留下来。

好的,这就是我所拥有的:

table {

  border: 1px solid black;

  table-layout: fixed;

  width: 200px;

}



th,

td {

  border: 1px solid black;

  width: 100px;

  overflow: hidden;

}


<table>

  <tr>

    <th>header 1</th>

    <th>header 234567895678657</th>

  </tr>

  <tr>

    <td>data asdfasdfasdfasdfasdf</td>

    <td>data 2</td>

  </tr>

</table>
其他 2022/1/1 18:18:09 有638人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶