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