                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)

padding:10px 为什么盒子内内容没有居中

padding:10px 为什么盒子内内容没有居中

白衣2

2016-04-20

源自：初识HTML(5)+CSS(3) 12-12

关注问题我要回答

1928

操作

收起

4 回答

CuzFinal 回答被采纳 +3 积分
2016-04-20

padding是控件内边距，padding:10px是距离左边10px，居中是text-align:center

0 回复有任何疑惑可以回复我~

#1

白衣2 提问者

非常感谢！

2016-04-20 回复有任何疑惑可以回复我~

#2

CuzFinal 回复白衣2 提问者

楼下那个说的对，padding:10px是所有控件内边距10px，不是左边距，我也是刚学的。

2016-04-20 回复有任何疑惑可以回复我~

王不留行十万错
2016-08-31

也就是说这里说的内容并不是文字或者图形本身，是存放文字或者图形的容器？

0 回复有任何疑惑可以回复我~

慕粉_均宝贝的粉红色
2016-04-20

padding:10px 只是设置了边框和内容之间上下左右的距离有10px那么大，与是否居中没有关系的。

只能说如果盒子有100px的宽高（没有外边距margin和边框border的情况下）,内容也有100px（和盒子一样大小）的宽高，你这个时候设置padding:10px就会是内容居中了。

如果盒子的大小和里面内容的大小不一致，盒子大小为200px，内容大小为100px:

在设置padding:10px的情况下，只会让外边的盒子上下左右各增大10px，这样子是不可能居中的。

自己写一下代码比较一下，还要理解盒子模型的意思才行哦~~可能也没说清楚，哈哈

5 回复有任何疑惑可以回复我~

白衣2 提问者
2016-04-20

我知道了。

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

初识HTML(5)+CSS(3)

参与学习 1230686 人
解答问题 19084 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

本课相似问答

4 回答为什么“盒子1”不是居中的？？怎么看 padding:10px 上下左右都是10px呢？

7 回答为什么本节的"盒子1“内容不居中呢

4 回答为什么盒中填充内容box1不会居中，总是在盒子的一角？

2 回答内容为什么没有垂直居中？

6 回答套盒子的内容

搜索更多本课相关问答

padding:10px 为什么盒子内内容没有居中

我要回答关注问题

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号