如何在HTML中关闭自动换行？

3 回答

• 19

  您需要使用CSS white-space属性 .

  特别是， white-space: nowrap 和 white-space: pre 是最常用的值 . 第一个似乎就是你要追求的 .

  回复于 2024-05-07T15:31:37+08:00
• 742

  添加了上面缺少的webkit特定值

  white-space: -moz-pre-wrap; /* Firefox */
  white-space: -o-pre-wrap; /* Opera */
  white-space: pre-wrap; /* Chrome */
  word-wrap: break-word; /* IE */
  

  回复于 2024-05-07T15:31:37+08:00
• 1

  我想知道你为什么找到带有“nowrap”或“pre”的“white-space”解决方案，它没有做正确的行为：你强迫你的文字在一行！文本应该断行，但不会破坏单词作为默认值 . 这是由一些css属性引起的：自动换行，溢出换行，分词和连字符 . 所以你可以有：

  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  

  所以解决方案是删除它们，或者用“unset”或“normal”覆盖它们：

  word-break: unset;
  word-wrap: unset;
  overflow-wrap: unset;
  -webkit-hyphens: unset;
  -moz-hyphens: unset;
  -ms-hyphens: unset;
  hyphens: unset;
  

  更新：我还提供了JSfiddle证明：https://jsfiddle.net/azozp8rr/

  回复于 2024-05-07T15:31:37+08:00