CSS3弹性盒模型开发笔记（三）
发布时间：2020-03-12 20:24:27 所属栏目：系统 来源：站长网
导读：这篇文章主要为大家分享了CSS3弹性盒模型开发笔记的最后一篇，之前已经为大家做了铺垫，本文继续深入探讨CSS3弹性盒模型，感兴趣的小伙伴们可以参考一下
|
上述“子元素全部位于盒子的右侧并平均分布，并按垂直顺序进行分布”可以看出，弹性布局中盒子内的元素很容易“跑出”盒子的“包围圈”。这种现象被称为空间已出。与传统的盒模型一样，CSS允许使用overflow属性来处理溢出内容的显示方式。当然，我们还可以使用box-lines属性避免空间已出问题（目前各大浏览器支持不太好）。该属性语法如下： box-lines：single | multiple 取值说明： single：所有子元素都单行或者单行显示。 multiple：所有子元素可以多行或多列显示。 实战体验：让子元素分行显示 HTML代码：
XML/HTML Code复制内容到剪贴板
<body> <div id="box"> （编辑：焦作站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |