css3 的display:box无法换行布局?
使用display:box给父元素布局,按教程上的-webkit-box-lines: multiple;
换行,但是布局无法换行该如何解决?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
使用display:box给父元素布局,按教程上的-webkit-box-lines: multiple;
换行,但是布局无法换行该如何解决?
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
接受
或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论(2)
box
、flex
的自动换行布局兼容性非常差。box
在我的所有浏览器都无法换行,flex
在比较新的chrome
里倒是可以换行之前就说过了
disply: -webkit-box
会存在这个问题,虽然有box-lines
这个属性,但是支持旧语法的浏览器都没有实现它,这就是使用 flex 布局时需要考虑的一点。可以考虑使用float
加一些高级选择器来降级处理。补充一点,我之前遇到这个问题时,是配合 Modernizr 来处理的。 在不支持标准 flex 布局的浏览器中,Modernizr 会给
<html>
标签添加no-flexbox
的类名,然后我们就可以在样式文件中进行自定义了,如: