多列布局問題
.columns {
? width: 500px;
? padding: 5px;
? border: 1px solid green;
? margin: 20px auto;?
? -webkit-columns:50px 3;
? -moz-columns:50px 3;
? -o-columns:50px 3;
? -ms-columns:50px 3;
? columns:50px 3;
}
為什么我把列的寬度變?yōu)?0px沒有變化呢，是哪里的原因呢？
1 回答
舉報
0/150
提交
取消
2017-08-19
① div寬度500=列寬x+列間距y，(div寬度500-列間距y) ÷ 列數(shù)3 ≈ 每列最大寬度z。在寬度500不變的情況下，自定義列寬只要≤每列最大寬度z，就能保持三列的布局；【經(jīng)本人測試，最大列寬是155px】
② 寬度500不變的情況下，只要自定義列寬≤每列最大寬度z，即只要自定義列寬≤155px，無論你的列寬設(shè)置是什么數(shù)值，列寬不會發(fā)生任何變化；
③ 只有當div寬度或文本內(nèi)容長度發(fā)生變化時，布局才會發(fā)生變化。