什么事水平居中

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

什么事水平居中

我不太明白水平居中到底是什么效果，因为我看图片的区域1并没有居中啊

提问者：qq_笛_0 2015-12-30 21:45

个回答

萌态狼

2016-02-01 22:47:30

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

0
echo_kinchao

2015-12-31 10:22:55

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

0

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

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

0