css如何进行空格处理


当前第2页 返回上一页

3、white-space: pre

white-space属性为pre时,就按照 <pre> 标签的方式处理。

1

2

3

p {

    white-space: pre;

}

上面结果与原始文本完全一致,所有空格和换行符都保留了。

4、white-space: pre-wrap

white-space属性为pre-wrap时,基本还是按照 <pre> 标签的方式处理,唯一区别是超出容器宽度时,会发生换行。

1

2

3

p {

    white-space: pre-wrap;

}

文首的空格、内部的空格和换行符都保留了,超出容器的地方发生了折行。

5、white-space: pre-line

white-space属性为pre-line时,意为保留换行符。除了换行符会原样输出,其他都与white-space:normal规则一致。

1

2

3

p {

    white-space: pre-line;

}

除了文本内部的换行符没有转成空格,其他都与normal的处理规则一致。这对于诗歌类型的文本很有用。

更多编程相关内容,请关注php中文网编程入门栏目!

以上就是css如何进行空格处理的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

css怎么写五角星

css怎么把div设置成爱心

html与css中的过渡模块

nav-up属性如何使用

浏览器解析渲染html文档的过程详解(图文)

css的color属性有继承性吗?

css如何实现元素不随滚动条滚动

css counter-reset属性怎么用

通过有趣生动的图片,了解怎么使用纯css绘制一个爱心!!

css 首行缩进为什么没有效果

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...