为了账号安全，请及时绑定邮箱和手机立即绑定

课程

/前端开发

/HTML/CSS

/初识HTML(5)+CSS(3)-升级版

这里的盒子1为什么不在边框的中间呢？

这个盒子1在边框的位置是怎么设置的呢？

伟伟的奥利奥

2015-11-06

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

关注问题 我要回答
879
操作
收起

正在回答

3 回答

慕的地3418140
2015-12-07

其实，一开始我也是这样理解的，你把盒子里面的内容填满看看会发现他的上右左下都是距离20px，但是你填多了就会溢出去，http://img1.sycdn.imooc.com//56659f460001ed9702290201.jpg

0 回复 有任何疑惑可以回复我~
收起回答
李晓健
2015-11-07

因为css中默认的 text-align:left  呀，所以内容就会靠左呀，text-align:center  时内容才会在水平方向居中。

0 回复 有任何疑惑可以回复我~
收起回答
#1

贝小加

可是不是设置“padding：10px”了吗？上，右，下，左，不应该一样吗？
2015-12-03 回复 有任何疑惑可以回复我~
#2

贝小加

求解，谢谢！
2015-12-03 回复 有任何疑惑可以回复我~
#3

李晓健 回复 贝小加

10px 或者可以达到你要的效果。
2015-12-04 回复 有任何疑惑可以回复我~
#4

李晓健 回复 贝小加

竟然会掉字。。。。。 只有当你的内容完全充满盒子时，你上下左右设一样的padding才能达到你要的所谓的居中。但是你现在的文字并不能完全占满你的div。或者你把div改成span 然后上下左右都设10px 或者可以达到你要的效果。
2015-12-04 回复 有任何疑惑可以回复我~
#5

贝小加 回复 李晓健

10px;}没用，“盒子1”三个字还是没在中间。
2015-12-04 回复 有任何疑惑可以回复我~
#6

贝小加 回复 李晓健

开始没看到第二条回答，又重新按你说的试了下，谢谢！！！
2015-12-04 回复 有任何疑惑可以回复我~
查看3条回复

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1225288    人
  • 解答问题       18230    个

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

进入课程

本课相似问答

5 回答为什么盒子1不在红框中间

4 回答为什么"盒子1"位于边框的中心部分

6 回答这里的文字为什么不是显示在盒子中间

3 回答不明白为什么padding:10px后为什么中间的字“盒子1”不是在中心？

5 回答为什么元素内容不在边框中间呢
搜索更多本课相关问答

这里的盒子1为什么不在边框的中间呢？

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信