Flex 速記

對某個 Selector 套用 Flex

須把 display 屬性設成 flex,如下:

display: flex;

沒了,就這麼簡單。

似乎只要套用 Flex 後連該 element (其實已經變成 Flex container了)底下的子 element (item)也會跟著套用,所以如果確定父子關係的話,那其實只要在最上層套用 Flex 屬性就好。

基本的方向調整

對齊

Space 相關

Item 相關

綜合體

 

 

 


Revision #1
Created 10 March 2024 11:29:41 by Nesquate
Updated 10 March 2024 11:56:40 by Nesquate