为了账号安全,请及时绑定邮箱和手机立即绑定

什么事水平居中

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

正在回答

4 回答

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

0 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

这里指的是所在的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>


0 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1222502    人
  • 解答问题       18209    个

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

进入课程

什么事水平居中

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信