白衣2
2016-04-20 10:39
padding:10px 为什么盒子内内容没有居中
padding是控件内边距,padding:10px是距离左边10px,居中是text-align:center
也就是说这里说的内容并不是文字或者图形本身,是存放文字或者图形的容器?
padding:10px 只是设置了边框和内容之间上下左右的距离有10px那么大,与是否居中没有关系的。
只能说如果盒子有100px的宽高(没有外边距margin和边框border的情况下),内容也有100px(和盒子一样大小)的宽高,你这个时候设置padding:10px就会是内容居中了。
如果盒子的大小和里面内容的大小不一致,盒子大小为200px,内容大小为100px:
在设置padding:10px的情况下,只会让外边的盒子上下左右各增大10px,这样子是不可能居中的。
自己写一下代码比较一下,还要理解盒子模型的意思才行哦~~可能也没说清楚,哈哈
我知道了。
初识HTML(5)+CSS(3)-升级版
1228526 学习 · 19002 问题
相似问题