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如何进行空格处理的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

css3做出多样边框特效

css边框线怎么清除

4种移动端适配方法

css怎么让图片向左移动

css如何设置首行缩进2个字符

css导航条菜单的实现(附源码)

css字体图标怎么用

html+css如何实现自定义图片上传按钮

html+css怎样实现纯文字和带图标的按钮

css如何实现阴影效果

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




打赏

取消

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

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

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

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

评论

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