多列布局問(wèn)題
.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沒(méi)有變化呢，是哪里的原因呢？
2017-08-19
① div寬度500=列寬x+列間距y，(div寬度500-列間距y) ÷ 列數(shù)3 ≈ 每列最大寬度z。在寬度500不變的情況下，自定義列寬只要≤每列最大寬度z，就能保持三列的布局；【經(jīng)本人測(cè)試，最大列寬是155px】
② 寬度500不變的情況下，只要自定義列寬≤每列最大寬度z，即只要自定義列寬≤155px，無(wú)論你的列寬設(shè)置是什么數(shù)值，列寬不會(huì)發(fā)生任何變化；
③ 只有當(dāng)div寬度或文本內(nèi)容長(zhǎng)度發(fā)生變化時(shí)，布局才會(huì)發(fā)生變化。