padding:10px 為什么盒子內(nèi)內(nèi)容沒有居中
padding:10px 為什么盒子內(nèi)內(nè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
也就是說這里說的內(nèi)容并不是文字或者圖形本身，是存放文字或者圖形的容器？
2016-04-20
padding:10px 只是設(shè)置了邊框和內(nèi)容之間上下左右的距離有10px那么大，與是否居中沒有關(guān)系的。
只能說如果盒子有100px的寬高（沒有外邊距margin和邊框border的情況下）,內(nèi)容也有100px（和盒子一樣大?。┑膶?/span>高，你這個(gè)時(shí)候設(shè)置padding:10px就會(huì)是內(nèi)容居中了。
如果盒子的大小和里面內(nèi)容的大小不一致，盒子大小為200px，內(nèi)容大小為100px:
在設(shè)置padding:10px的情況下，只會(huì)讓外邊的盒子上下左右各增大10px，這樣子是不可能居中的。
自己寫一下代碼比較一下，還要理解盒子模型的意思才行哦~~可能也沒說清楚，哈哈
2016-04-20
我知道了。