课程
/前端开发
/HTML/CSS
/初识HTML(5)+CSS(3)-升级版
如何在盒子中居中
2016-07-18
源自：初识HTML(5)+CSS(3)-升级版 12-13
正在回答
box1和box2这两个内容的高度和宽度是通过width、height设置为300px，但是box1和box2本身并没有300px，它只占了内容300px×300px的左上角，解决方法是：添加line-height=100px; text-align:center;
这里我也不能理解，同求答案
我自己想的一个笨方法，设置属性，padding-top为height的一半，padding-left为width的一半。
略坑 提问者
qq_爱玩屎的阿拉蕾_0 回复 略坑 提问者
margin: 0px auto
最简单的居中text-align: center。使用center标签也可设置居中。有时候做居中也会用到margin: 0px auto。div下做到了水平居中，垂直比较困难。放到table里面，可以水平居中，垂直居中。
举报
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
4 回答居中 使盒子1居中
2 回答关于小盒子在大盒子内居中的问题
1 回答如何将盒子放在页面的正中央
4 回答如何居中？
4 回答为什么盒中填充内容box1不会居中，总是在盒子的一角？
