<p>我知道我的问题看起来与这个问题非常相似：如何防止表格单元格中的文本换行，这是我第一个检查的。</p> <p>我有一个表格，在其中一个列中我将写入一个很长的描述，下一列是日期。浏览器认为把日期列换行是很酷的，因为它们是用破折号分隔的字符串。目前我有这样的内容：</p> <pre class="brush:php;toolbar:false;">| Description | Date | |----------------------------|----------| | This is a really long | 2022-10- | | description cell with many | 12 | | lines... | |</pre> <p>我如何告诉浏览器我希望我的描述单元格稍微短一些，日期列不换行。在我阅读的解决方案中，它说你应该使用<code>&lt;td wrap=&quot;nowrap&quot;&gt;</code>，这对于空格有效，但对于破折号无效。</p> <p>我应该使用不收缩的弹性元素吗？</p> <hr /> <p>通过缩短描述，我是指：</p> <pre class="brush:php;toolbar:false;">| Description | Date | |--------------------------|------------| | This is a really long | 2022-10-12 | | description cell with | | | many lines... | |</pre></p>

table {
  border-collapse: collapse;
  width: 100px;
}

td {
  border: 1px solid gray;
  padding: 0.25rem 0.5rem;
}

td:last-child {
  white-space: nowrap;
}

<table>
  <tr>
    <td>Description</td>
    <td>Date</td>
  </tr>
  <tr>
    <td>This is a really long description cell with many lines</td>
    <td>2022-10-12</td>
  </tr>
</table>