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

带有表格布局的表格:固定;以及如何使一栏变宽

带有表格布局的表格:固定;以及如何使一栏变宽

您可以给第一个单元格(因此列)一个宽度,其余的认为 auto

table {

  table-layout: fixed;

  border-collapse: collapse;

  width: 100%;

}

td {

  border: 1px solid #000;

  width: 150px;

}

td+td {

  width: auto;

}


<table>

  <tr>

    <td>150px</td>

    <td>equal</td>

    <td>equal</td>

  </tr>

</table>

或者获取列宽的“正确方法”可能是使用col元素本身

table {

  table-layout: fixed;

  border-collapse: collapse;

  width: 100%;

}

td {

  border: 1px solid #000;

}

.wide {

  width: 150px;

}


<table>

  <col span="1" class="wide">

    <tr>

      <td>150px</td>

      <td>equal</td>

      <td>equal</td>

    </tr>

</table>
其他 2022/1/1 18:13:45 有693人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

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

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

请先登录

推荐问题


联系我
置顶