css 换行

时间:2023-06-01 13:40:35

CSS中,可以使用以下属性来控制文本的换行:

word-break属性:该属性定义了非中日韩文字(如英文、数字)在何处断行换行。常见的取值有:
normal(默认值):使用默认的换行规则。
break-all:允许在单词内换行,即使这样做会导致单词被分割为多个行。
keep-all:尽可能避免在单词内换行。

div {
word-break: break-all;
}

overflow-wrap属性:该属性指定了浏览器如何在换行点处进行断行。常见的取值有:
normal(默认值):使用默认的断行规则。
break-word:在单词内进行断行,以便避免溢出。

div {
overflow-wrap: break-word;
}

white-space属性:该属性定义了如何处理元素内的空白字符和换行符。常见的取值有:
normal(默认值):合并连续的空白字符,换行符被当作空白字符处理。
nowrap:不允许文本换行,即使存在换行符或长单词。
pre:保留空白字符和换行符,文本将按照实际编写的方式显示。
pre-wrap:保留空白字符和换行符,但是允许换行。

div {
white-space: pre-wrap;
}

这些属性可以应用于任何文本容器元素,如div、p、span等。根据需要选择合适的属性和取值组合,以实现所需的文本换行效果。

相关词 换行