回覆列表
-
1 # 外向熊貓9O
-
2 # 哇哇啦啦vov
讓文字在flex容器內換行的方法步驟
flex-align：默認是設置垂直方向的對齊方式，值： start、end、center、stretch、baseline。
flex-pack：設置子元素之間如何分配多餘空間，值：start、end、center、justify。
flex-direction：設置子元素的排列方式， row、row-reverse、column、column-reverse。
flex-wrap：設置子元素的是否自動換行和排列方向，值：nowrap、wrap和wrap-reverse。
-ms-flex：設置子元素彈性，參數，分別是正彈性、負彈性和默認大小。其實布局還有好多新玩法，你可以多看看相關的教程，比如說現在有個視頻的系列名稱叫做 《Buid New World》，裡面有一集專門講 CSS3 複雜布局形式
方法很多種：
一、用一個 <div> 裡面用 <br/> 換行 二、外面是 <div> 裡面用 列表 <ul><li>內容</li></ul> 其它的同理，ul 換成其它的都可以實現 首先你的div 或者 ul 都要定義個寬度 比如：width：100 px 難後 li 設置寬度width：50 px；float:left; 這樣做下去 就有兩列的 效果了。