Question

我是CSS新手，不得不修改其他人的复杂代码。我想要的是非常简单，三个边框在一个一个表中，每个都有33％的宽度FIXED，我不希望这些s的宽度随着内容宽度的变化而跳跃，我想要一个水平滚动条如果它的内容太宽（就像一个单词中没有空格那么宽）。

我尝试过类似的东西，但不起作用，任何线索？谢谢！

<table>
  <tr>
    <td style="width: 34%; max-width: 34%; overflow: auto">abc</td>
    <td style="width: 33%; max-width: 33%; overflow: auto">efg</td>
    <td style="width: 33%; max-width: 33%; overflow: auto">xyz</td>
  </tr>
</table>

Answer 1

你需要为table设置fixed。

编辑：colgroup是正确的标记

<table style="table-layout:fixed;width:1000px;overflow-x:auto;">
<colgroup>
  <col width="34%">
  <col width="33%">
  <col width="33%">
</colgroup>
  <tr>
    <td>abc</td>
    <td>efg</td>
    <td>xyz</td>
  </tr>
</table>

CSS将宽度保持为百分比，而不是取决于内容宽度

1 个答案: