display:box;是css3新加入的盒子模型屬性,經典的佈局應用是佈局的垂直等高、水平均分、按比例劃分。目前box-flex屬性還沒有得到firefox、Opera、chrome瀏覽器的完全支持,但可以使用它們的私有屬性來定義firefox(-moz-)、opera(-o-)、chrome/safari(-webkit-)。一、box-flex屬性1.水平等寬盒子代碼: .wrap{ width:600px; height:200px; display:box; display:-moz-box; &n</p> <p><span style="line-height: 1.76em;">1. <a href="http://www.php.cn/css-tutorial-357091.html" target="_blank">詳解CSS3的display:box盒子模型屬性</a></span></p> <p><span style="line-height: 1.76em;"><img src="https://img.php.cn/upload/article/000/000/013/5d17fafdffcf43ea5d9822f8aa60f061.jpg" style="max-width:90%" alt="display:box函數定義與用法匯總" ></span></p> <p><span style="line-height: 1.76em;">簡介:這篇文章詳解CSS3的display:box盒子模型屬性</span></p> <p><span style="line-height: 1.76em;">2. <a href="http://www.php.cn/css-tutorial-338404.html" target="_blank">display:box</a></span></p> <p> <span style="line-height: 1.76em;"><img src="https://img.php.cn/upload/article/000/000/013/4ff09b3ab548ca1b087e5c439a38312c.png" style="max-width:90%" alt="display:box函數定義與用法匯總" ></span></p> <p><span style="line-height: 1.76em;">簡介:display:box;是css3新加入的盒子模型屬性,經典的佈局應用是佈局的垂直等高、水平均分、按比例劃分。 </span></p> <p><strong>【相關問答推薦】:</strong></p> <p><a href="http://www.php.cn/wenda/63452.html" target="_blank">#html5 - display:box 和 display:flex 兩者差異 ? </a></p> <p><a href="http://www.php.cn/wenda/61575.html" target="_blank">前端 - display:box box-flex 和 display:flex flex 有什麼差別? </a></p>