在学习 CSS 和制作响应式列布局时,我学到了 Flexbox 方法(但也知道你应该避免过多使用它)。最近,我观看了 teamtreehouse 的一个新视频,该视频使用列、列计数等来进行响应式列设计。哪一个更好用,或者还有第三种选择是最好的?
编辑:抱歉,显然这是一个较旧的视频。我问的原因是因为它不在我的网页设计轨道上,所以我不确定它是否不再相关。
大多数现代页面布局正在从浮动列迁移到弹性框。您会发现,甚至 Bootstrap 4 也会基于 Flexbox 进行布局。
我发现使用 Flexbox 的主要优点是垂直对齐,这是革命性的。因为在此之前,这是开发人员必须面对的最大痛苦之一。您还可以重新排序 dom 元素,这非常酷。还有 Flex 基础,它允许您拥有一个具有固定尺寸的 div,并允许其他 div 占据剩余的宽度/高度。可能性是无止境!
TL;DR Flexbox 让您的生活变得更加轻松。仅当支持旧版浏览器不成问题时。