qq_笛_0
2015-12-30 21:45
我不太明白水平居中到底是什么效果,因为我看图片的区域1并没有居中啊
大哥,你少了“text-align:center;”
那是因为你屏幕小 看不太出来
这里指的是所在的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>
水平居中就是块左右两边的距离是一样。执行结果的的右上角不是有一个可以展开的按钮,你点开看看就知道了,不然你用浏览器看,就知道了
初识HTML(5)+CSS(3)
1230287 学习 · 19084 问题
相似问题