什么事水平居中

来源:15-2 水平居中设置-定宽块状元素

qq_笛_0

2015-12-30 21:45

我不太明白水平居中到底是什么效果,因为我看图片的区域1并没有居中啊http://img.mukewang.com/5683dfdf0001440913370637.jpg

写回答 关注

4回答

  • 萌态狼
    2016-02-01 22:47:30

    大哥,你少了“text-align:center;”

  • echo_kinchao
    2015-12-31 10:22:55

    那是因为你屏幕小 看不太出来

  • Perona
    2015-12-30 21:50:59

    这里指的是所在的div相对于父元素水平居中,全屏就可以看到边框是水平居中的,相对于body元素。

    要div里的文本水平居中,加上 text-align: center;即可,如

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>定宽块状元素水平居中</title>
    <style>
    div{
        border:1px solid red;
    	height:200px;
    	width:500px;
    	margin:20px auto;
        text-align: center;
    }
    
    </style>
    </head>
    
    <body>
    <div>我是定宽块状元素,我要水平居中。</div>
    </body>
    </html>


  • 遇见1993寒冬湖上的白云
    2015-12-30 21:49:19

    水平居中就是块左右两边的距离是一样。执行结果的的右上角不是有一个可以展开的按钮,你点开看看就知道了,不然你用浏览器看,就知道了

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

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

1223116 学习 · 18212 问题

查看课程

相似问题