关于css3 flex布局

最新推荐文章于 2025-06-02 18:23:19 发布

转载最新推荐文章于 2025-06-02 18:23:19 发布 · 48 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/taryn/p/5806800.html

本文介绍了从传统的布局方式如position和float到响应式布局的转变，并深入探讨了CSS3中的Flex布局，包括其实现原理及应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、传统的布局

　　我认为传统的布局方式大体就是position的各个值以及float属性，当初初学的时候觉得这个就很了不起了，可以让div脱离文档流，使其在固定的位置，但是随着不同尺寸的终端的增加，手机端的，平板。固定的布局方式并不占优势，于是出现了响应式布局。这时候css3就很重要了css3的一些新的属性能够很好的解决之前的难题，比如div的垂直居中以及一些复杂的布局。公司业务主要基于手机端，最近两天看了flex布局，在这里总结一下。

二、flex布局

　　关于flex布局，阮一峰大神总结的非常好，我自己写代码的时候也是通过他的总结看到flex弹性布局的本质的，下面贴一下大神的文章地址

语法篇

实力篇

转载于:https://www.cnblogs.com/taryn/p/5806800.html