国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

如何防止HTML/CSS中帶有破折號的表格單元格自動換行?
P粉254077747
P粉254077747 2023-08-29 09:18:25
0
2
888
<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><td wrap="nowrap"></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>
P粉254077747
P粉254077747

全部回復(2)
P粉133321839

你應該為日期列使用white-space: nowrap;。當你說你想要描述單元格更短時,我不確定你的意思是什么?只需調整寬度以獲得所需的結果。

P粉340980243

只需在CSS中添加 white-space:nowrap,它將使所有內容都在一行上顯示。請參見下方

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>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板