flex-flow 横向排列不换行 滚动条
当手机端排版时,如果 ul 中 li 过多,一行装不下时,希望显示水平滚动条,而不是折行。
flex 实现:
ul
display: flex; overflow-x: auto;
li
flex: none;
如果不加 flex: none; 所有的 li 会自动压缩宽度,以适配当前容器宽度。而这不是我想要的效果。
overflow-x: auto; 与 overflow-x: scroll; 的区别
auto: 只有当内容溢出时,才显示滚动条
scroll: 无论是否溢出都显示滚动条。主要是为了布局统一,防止滚动条有无导致布局偏差。
若文章对您有帮助,帮忙点个赞!
(微信扫码即可登录,无需注册)