padding:10px 為什么盒子內(nèi)內(nèi)容沒(méi)有居中
padding:10px 為什么盒子內(nèi)內(nèi)容沒(méi)有居中
白衣2
2016-04-20
4 回答
舉報(bào)
0/150
提交
取消
2016-04-20
padding是控件內(nèi)邊距，padding:10px是距離左邊10px，居中是text-align:center
2016-08-31
也就是說(shuō)這里說(shuō)的內(nèi)容并不是文字或者圖形本身，是存放文字或者圖形的容器？
2016-04-20
padding:10px 只是設(shè)置了邊框和內(nèi)容之間上下左右的距離有10px那么大，與是否居中沒(méi)有關(guān)系的。
只能說(shuō)如果盒子有100px的寬高（沒(méi)有外邊距margin和邊框border的情況下）,內(nèi)容也有100px（和盒子一樣大小）的寬高，你這個(gè)時(shí)候設(shè)置padding:10px就會(huì)是內(nèi)容居中了。
如果盒子的大小和里面內(nèi)容的大小不一致，盒子大小為200px，內(nèi)容大小為100px:
在設(shè)置padding:10px的情況下，只會(huì)讓外邊的盒子上下左右各增大10px，這樣子是不可能居中的。
自己寫(xiě)一下代碼比較一下，還要理解盒子模型的意思才行哦~~可能也沒(méi)說(shuō)清楚，哈哈
2016-04-20
我知道了。