css 换行设置

时间:2023-05-24 21:14:16

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

以下是一些常见的 white-space 属性值:

1、normal:默认值,文本在遇到换行符或空格时换行,连续的空格被合并为一个空格。

在html标签中使用br标签进行换行“<br/>”。

 

.element {
white-space: normal;
}

2、nowrap:文本不换行,超出容器的部分会被裁剪。

.element {
white-space: nowrap;
}

3、pre:保留空格和换行符的原始格式,文本将按照源代码中的格式显示。

.element {
white-space: pre;
}

4、pre-wrap:保留空格和换行符的原始格式,但允许文本换行。

.element {
white-space: pre-wrap;
}

5、pre-line:自动换行,保留空格和换行符的原始格式,但连续的空格会被合并为一个空格。

element {
white-space: pre-line;
}

通过设置 white-space 属性,您可以根据需要控制文本的换行方式。将其应用于相应的 CSS 选择器,如元素的类名或 ID,以实现所需的换行效果。

相关词 换行