我知道好像有很多这样的问题,但是我找不到一个符合我的问题。
即使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
将文本(和其他内联元素)居中。