css强制换行和禁止换行

在CSS中，可以使用white-space属性来控制文本的换行行为。

• 使用white-space: nowrap;可以阻止文本换行。
• 使用word-wrap: break-word;或overflow-wrap: break-word;可以强制单词换行到下一行，但不会强制整个单词断开。
• 使用word-break: break-all;可以在单词内任意位置断开单词以适应容器宽度。

以下是实际的CSS代码示例：

/* 禁止换行 */
.no-wrap {
  white-space: nowrap;
}
 
/* 允许在单词内换行，但不允许单词断开 */
.word-wrap {
  word-wrap: break-word;
}
 
/* 允许在单词内换行，并且允许单词断开 */
.break-all {
  word-break: break-all;
}

在HTML中使用这些类：

<!-- 禁止换行 -->
<div class="no-wrap">这段文本不会换行，即使超出容器宽度。</div>
 
<!-- 允许在单词内换行 -->
<div class="word-wrap">这是一个非常非常长的单词wordwrap示例，将会在容器宽度允许的范围内换行。</div>
 
<!-- 允许在单词内换行，并且允许单词断开 -->
<div class="break-all">这是一个非常非常长的单词BreakAll示例，将会在任意位置断开单词。</div>