box-lines

  • 版本:CSS3
  • 媒体:视觉
box-lines属性在CSS弹性盒中是比较常用的,本文将带你深入理解box-lines属性的各个方面,包括它的语法、取值、作用和浏览器兼容性,最后附上box-lines的演示案例,希望能够对你有所帮助。

box-lines的具体语法

box-lines:single | multiple

默认值single

适用于:弹性盒容器

继承性:无

动画性:否

计算值:指定值

box-lines的取值介绍

single:
弹性盒对象的子元素只在一行内显示
multiple:
弹性盒对象的子元素超出父元素的空间时换行显示

box-lines的使用说明

设置或检索弹性盒对象的子元素是否可以换行显示。
  • 效果类似于过渡版本和新版本的flex-wrap属性;
  • Safari和Chrome已经支持box-lines,但没有实现该属性的效果
  • 对应的脚本特性为boxLines

box-lines的浏览器兼容性

  • 浅绿 = 支持
  • 红色 = 不支持
  • 墨绿 = 部分支持
支持版本\类型 IE Firefox Safari Chrome Opera
较早版本 6.0-11.0 4.0.-25.0 5.1.7 -webkit- 4.0-31.0 -webkit- 9.5-14.0
较新版本 15.0-18.0 -webkit-

box-lines的完整演示案例

CSS3参考手册,全网最新最全的CSS3参考手册,为你呈现最好的CSS3文档CSS3参考手册