假期結束了
今天開始你們都返回各自的崗位了吧
這一期來介紹下css的伸縮布局方式：
有這樣乙個簡單的需求
現在你的手裡有乙個div,你需要把裡面的內容分成不定的幾等分，同時還具備伸縮的功能？
想想這個需求要怎麼完成
"utf-8" />"viewport" content="width=device-width, initial-scale=1">三等分測試>*sectionsectiondiv
div:nth-child(1)div:nth-child(2)div:nth-child(3)
第乙個盒子第二個盒子第三個盒子
這樣寫完全沒有問題，可以任由縮放，來看看效果
再來看看我今天要介紹的這種寫法
"utf-8" />"viewport" content="width=device-width, initial-scale=1"> 三等分測試》*sectionsectiondiv
div:nth-child(1)div:nth-child(2)div:nth-child(3)第乙個盒子第二個盒子第三個盒子這兩種寫法的效果稍微有點區別，第二種方式現在經常用到一定要先在父級盒子裡面改變顯示的方式為flexflex的值後面是數字，沒有單位的flex是寫在子元素中的，不能給加到父級中一旦有盒子手動的新增width之後此盒子將不會再被縮放flex-direction可以改變縮放是水平的還是垂直的
CSS樣式美化div盒子
完整 片 font family 等線 light 字型為等線 light font size 1.5em 字型大小為預設值的2倍 line height 1.5em 行高為1.5倍 color deepskyblue 字型顏色為deepskyblue line break unset 斷句方式 t...
如何用CSS讓文字居於div的底部
這個問題是別人提出的，因為css對文字的布局上沒有靠容器底部對齊的引數，或許有但是我沒有發現 不過目前我使用的乙個不錯的方法也比較好 就是用position屬性來解決，看下面的 我用position的相對和絕對定位功能也輕鬆的實現了，文字靠近div低部對齊，並且靠近的距離還可以精確到畫素，自己可以調...
css盒子模型的寬度問題
最近看css權威指南的時候，發現乙個之前特別不清楚的概念 寬度。每個塊級元素都有乙個元素框，元素框內包括了元素內容，元素內邊距，元素邊框，元素外邊距。所以元素框的寬度 元素內容寬度 元素內邊距 元素邊框 元素外邊距。也就是他父元素的內容寬度。那麼我們常說的width就是元素框的寬度嗎？答案是否定的。...