位置:电子教程 > 微信小程序设计教程 (如果看不到内容请使用360浏览器) 推荐学习资源
小程序样式基础
框模型
定位
选择器
当前阅读教程:微信小程序设计教程 > 处理空白符(white-space)
阅读(22555525)      收藏       赞(5685)      分享
上一篇: 字符转换(text-transform) 下一篇: 自动换行(word-break)

1.基础语法

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

这个属性声明建立布局过程中如何处理元素中的空白符。值 pre-wrap pre-line CSS 2.1 中新增的。所有浏览器都支持 white-space 属性。

注意:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"

可能的属性值如下:

描述

normal

默认。空白会被浏览器忽略。

pre

空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。

nowrap

文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。

pre-wrap

保留空白符序列,但是正常地进行换行。

pre-line

合并空白符序列,但是保留换行符。

inherit

规定应该从父元素继承 white-space 属性的值。

2.小程序应用

参考前面text-overflow文本溢出”中的实例。


上一篇: 字符转换(text-transform) 下一篇: 自动换行(word-break)
毕业设计网             广告联系QQ:45157718(微信同号)