为什么没有设置定宽和auto照样能水平居中？

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

为什么没有设置定宽和auto照样能水平居中？

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>定宽块状元素水平居中</title>

<style>

div{

border:1px solid red;

}

.center{

text-align:center;

}

</style>

</head>

<body>

<div class="center">我是定宽块状元素，我要水平居中显示。</div>

</body>

</html>

提问者：清凉sama 2017-04-19 19:45

个回答

学习js

2017-04-20 09:48:31

已采纳

text-align:center;文本是居中了，但是，div没居中啊，你可以给center设置个背景色看看当前div的位置，不要把div和div里的文字，这俩种居中混淆

2
qq_慕前端3483373

2017-04-20 17:14:10

这仅仅是文本相对于div居中，但是你的div并没有，如果你把div定义了width试下就知道了

0
qq_柠檬绿_0

2017-04-19 20:16:22

text-align:center;已经设置了水平对其了哦

0