究其本质探其根源。今天我就自己的想法思考一下flex布局为什么会出现,它对于传统的文档流布局有什么好处。
本人之前的工作在布局上面只用absolute,不用文档流。别问为什么,本人这个前端程序员和市面上的很不一样,我们就是用不了。
但是不妨碍我思考文档流的坏处。
首先,我相信最开始设计网页排版方式的人是从报纸中来的
报纸有固定的大小,稳定的排版,而且是单层,报纸不存在两个div叠在一起的情况,所以table布局是真的香,但是后来发现table布局局限性挺大的,后来就换成文档流了吧。但是文档流布局有个前提,不能重叠元素,屏幕大小改变的时候文档流会出现不可预知的问题。还有,文档流只能从一个维度去控制元素位置,这点让程序员想得到预期的排列方式会使用各种奇技淫巧。
所以,如果让元素能在不同的屏幕下实现符合预期的排列就成为了问题。
单纯的带着这个问题思考,是不是很容易想到控制一行有多少个元素,元素使用百分比,反正我第一时间想到的就是这个方法。但是为什么还要出flex布局呢?
一千个哈姆雷特吧,反正我非常非常讨厌文档流,float等等。如果是我我也会做一个全新的布局方式。
快准狠,直截了当。flex布局可以控制布局内元素是膨胀到整个父元素还是保持原本大小,是从左往右还是从右往左还是居中。两条轴线,四个维度,还是弹性的,在控制元素位置上让程序员得心应手。
网友评论