html 文字和字母换行规则

17 阅读1分钟

一、div中文字换行

1、概述

  • white-space:设置如何处理元素间的空白默认为normal,表示空白会被浏览器忽略。
  • white-space:nowrap;表示不换行。
  • word-break:规定自动换行的处理方法。
  • normal:使用浏览器默认换行规则,
  • break-all:允许在单词内换行,
  • keep-all:只能在半角空格或连字符处换行。
  • word-wrap:允许长单词或URL地址换行到下一行。(针对字母)
  • normal:只在允许的断字点换行(浏览器保持默认处理)
  • break-word:在长单词或URL地址内部进行换行。

效果图 微信图片_20240509140109.png