为什么我不能用margin: auto居中呢?

  • 本文关键字:auto margin 不能 html css
  • 更新时间 :
  • 英文 :


我知道好像有很多这样的问题,但是我找不到一个符合我的问题。

即使w3schools的例子居中文本不居中的文本,(在Chrome版本88.0.4324.104(官方版本)(64位)和在Edge版本88.0.705.50(官方版本)(64位)),甚至在w3schools网站本身。文本保持左对齐

来自网站的代码是:

<!DOCTYPE html>
<html>
<head>
<style>
.center {
margin: auto;
width: 60%;
border: 3px solid #73AD21;
padding: 10px;
}
</style>
</head>
<body>
<h2>Center Align Elements</h2>
<p>To horizontally center a block element (like div), use margin: auto;</p>
<div class="center">
<p>Hello World!</p>
</div>
</body>
</html>

那么如何我居中文本,如果我甚至不能得到w3schools的例子工作?

谢谢。

margin: auto元素居中。这个div被居中了——但这只居中了框本身,而不是框内的文本。

text-align: center将文本(和其他内联元素)居中。

最新更新