如何在盒子中居中

来源:12-13 距离产生美 - 使用margin为盒子设置外边距(边界)

略坑

2016-07-18 10:15

如何在盒子中居中

写回答 关注

5回答

  • 荆轲987
    2016-08-25 09:55:18

    box1和box2这两个内容的高度和宽度是通过width、height设置为300px,但是box1和box2本身并没有300px,它只占了内容300px×300px的左上角,解决方法是:添加line-height=100px; text-align:center;

  • 慕粉粉521
    2016-07-18 10:43:24

    这里我也不能理解,同求答案

  • qq_爱玩屎的阿拉蕾_0
    2016-07-18 10:40:35

    我自己想的一个笨方法,设置属性,padding-top为height的一半,padding-left为width的一半。

    qq_爱玩屎... 回复略坑

    。。。。=.=

    2016-07-18 10:46:18

    共 2 条回复 >

  • qq_糍粑块_03671987
    2016-07-18 10:28:49

    margin: 0px auto

    略坑

    好的,谢谢

    2016-07-18 10:38:46

    共 1 条回复 >

  • 一米阳光3
    2016-07-18 10:25:28

    最简单的居中text-align: center。
    使用center标签也可设置居中。
    有时候做居中也会用到margin: 0px auto。
    div下做到了水平居中,垂直比较困难。
    放到table里面,可以水平居中,垂直居中。

    略坑

    好的,谢谢

    2016-07-18 10:38:17

    共 1 条回复 >

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

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

1225294 学习 · 18230 问题

查看课程

相似问题