閱讀687 返回首頁    go 阿裏雲 go 技術社區[雲棲]


flex學習

        今天看視頻學習的時候,發現css有一個 flex 的屬性,非常的好用,為了讓自己能夠熟記,特意來分享一下flex的用法。
首先,采用Flex布局的元素,稱為Flex容器(flex container),簡稱”容器”。它的所有子元素自動成為容器成員,稱為Flex項目(flex item),簡稱”項目”。
容器一共有有6個屬性,分別是flex-direction、flex-wrap、flex-flow、justify-content、align-items、align-content。其中(justify-content和align-items)結合可以完成不定寬高的水平垂直居中韓國,非常方便簡潔。
項目也有6個屬性,分別是order、flex-grow、flex-shrink、flex-basis、flex、align-self。
具體例子可以查看[菜鳥教程](https://www.runoob.com/w3cnote/flex-grammar.html)

最後更新:2017-06-26 18:02:29

  上一篇:go  《數據結構與抽象:Java語言描述(原書第4版)》一Java插曲2
  下一篇:go  直播 | DPDK中國技術峰會2017