CSS换行样式的应用方法

分类:知识百科 日期: 点击:0

是指在CSS中使用white-space属性来实现文本的换行效果。white-space属性的值有normal、nowrap、pre、pre-line和pre-wrap,它们分别代表不换行、只在必要时换行、保留换行符、保留换行符和换行符,以及保留换行符和换行符,并自动换行。

1. normal

normal属性表示不换行,它是white-space属性的默认值,即不换行。当文本内容超出元素的宽度时,文本会被截断。

.normal {
    white-space: normal;
}

2. nowrap

nowrap属性表示只在必要时换行,它和normal属性的作用相似,只是当文本内容超出元素的宽度时,文本不会被截断,而是自动换行,但是不会换行。

.nowrap {
    white-space: nowrap;
}

3. pre

pre属性表示保留换行符,它会保留文本中的换行符,当文本内容超出元素的宽度时,文本不会被截断,而是换行显示。

.pre {
    white-space: pre;
}

4. pre-line

pre-line属性表示保留换行符和换行符,它会保留文本中的换行符和换行符,当文本内容超出元素的宽度时,文本会自动换行,但是不会换行。

.pre-line {
    white-space: pre-line;
}

5. pre-wrap

pre-wrap属性表示保留换行符和换行符,并自动换行,它会保留文本中的换行符和换行符,当文本内容超出元素的宽度时,文本会自动换行,同时会换行。

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

来说,有normal、nowrap、pre、pre-line和pre-wrap,它们分别表示不换行、只在必要时换行、保留换行符、保留换行符和换行符,以及保留换行符和换行符,并自动换行。

标签:

版权声明

1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ:77594475 处理。