CSS 3 box-lines 属性

css box-lines 属性指定每当它运行在父级 box 的空间,列中是否会得到一个新的行

默认情况下,横向盒里会在单一的行铺陈它的子元素,和一个纵向盒铺陈其在单个列中的子元素

默认值single
继承no
版本CSS3
JavaScript 语法object.style.boxLines="multiple"

语法

box-lines: single|multiple;


值说明

说明
single将被放置在单个行或列的所有子元素(元素不适合只会被认为是溢出)
multiplebox允许扩大到多行,以适应其所有子项

浏览器支持

目前所有主流浏览器都不支持 box-lines 属性


范例

指定一个 div box 允许扩大到多行

div {
    display:box;
    box-orient:horizontal;
    box-lines:multiple;
    width:200px;
}

本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!

链接: https://fly63.com/course/6_325

目录选择