html怎么在文本中保留空格


本文摘自PHP中文网,作者醉折花枝作酒筹,侵删。

在html中,可以使用white-space属性在文本中保留空格,只需要在元素中设置“white-space:pre|pre-line”样式即可。white-space属性声明建立布局过程中如何处理元素中的空白符。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

html中的空格的规则

在html中内容中的多个空格一般会被视为一个,连续的多个空格符被自动合并了。同时内容前后的空格也会被清除, 如下:

1

<p> fly63   com </p> 

显示效果为:

1

fly63 com 

备注:浏览器的这种机制处理,同样适用于除了普通的空格键,还包括制表符(\t)和换行符(\r和\n),可以通过使用<br>标签显式表示换行

white-space 属性设置如何处理元素内的空白。

这个属性声明建立布局过程中如何处理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的。

阅读剩余部分

相关阅读 >>

利用前端基础制作Html开关图标

Html acronym标签怎么用

Html cite标签怎么用

Html的<video>标签用法

Html里em的标签有什么用

Html怎么改变鼠标形状

Html怎么禁止拖拽

Html怎样重定向连接

Html如何设置背景图不重不平铺

Html怎么禁止复制粘贴

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




打赏

取消

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

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

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

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

评论

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