Question

最后，我认为我发现了一个以前没有人问过的问题。我有一张两列的桌子。第一列有时可能会有一个真正真正的长字。第二列总是有很多简短的单词，它们包装得很好。如果我将word-break：break-all应用于第一列，然后缩小浏览器窗口，则当我希望将所有短单词包装在第二列中，然后再进行丑陋的全部包装时，这些列将保持50/50第一列。

<table>
  <tr>
    <td style="word-break:break-all;">reallyreallyreallyreallylongword</td>
    <td>Here are a lot of short words that wrap nicely</td>
  </tr>
</table>

在采用丑陋的方法之前，我需要将所有可能的可包装单词包装在所有列中，但是仍然要采取最后措施以防止溢出。哪一列最终变宽都没有关系。

Answer 1

因此，如果将两列的宽度设置为百分比，且一列的宽度大于另一列，则较大的一列将需要更长的时间才能开始缩小文本。

EG：

    <table>
      <tr>
         <td class="widecolumn">reallyreallyreallyreallylongword</td>
         <td class="smallcolumn">Here are a lot of short words that wrap nicely</td>
      </tr>
    </table>

    table {
      max-width:1000px;
      width:100%;
    }

    td {
      word-break:break-all;
    }
    td.widecolumn {
      width:65%;  
    }
    td.smallcolumn {
      width:35%;
    }

工作示例：https://codepen.io/FEARtheMoose/pen/XPKPNZ

如何更喜欢将文本换成一列，然后再换成另一列？

1 个答案: