魏名华

不要偷懒,做更好的自己

Nothing


No Welcome Message

重学前端-35 | CSS Flex排版:为什么垂直居中这么难?

因此,在早年的 CSS 中,“使盒按照外部尺寸变化”的能力非常弱。在我入行前端的时间(大约 2006 年),CSS 三大经典问题:垂直居中问题,两列等高问题,自适应宽问题。这是在其它 UI 系统中最为基本的问题,而到了 CSS 中,却变成了困扰工程师的三座大山。

可见css多么垃圾

机智的前端开发者们,曾经创造了各种黑科技来解决问题,包括著名的 table 布局、负 margin、float 与 clear 等等。在这种情况下,Flex 布局被随着 CSS3 一起提出(最初叫 box 布局),可以说是解决了大问题。  

React Native 则更为大胆地使用了纯粹的 Flex 排版,不再支持正常流,最终也很好地支持了大量的应用界面布局,这一点也证明了 Flex 排版的潜力。

flex确实很棒