Question

只是好奇：我有一个非常简单的网页。我正在玩css文件以使其看起来有所不同。

尤其是各种div：

 <div align="center">

显然，不能将align =“ center”放入css文件中。

我可以设置宽度，背景，文本样式等。

为什么CSS不允许对齐？

Answer 1

因为align=是HTML属性（旧的属性），与CSS无关。

用于居中的CSS属性根据居中元素的display属性而有所不同。

display: block元素使用设置为margin的左右auto居中。请注意，必须提供宽度，否则宽度将不起作用。

display: inline-block元素的居中方式是将元素的父元素设置为text-align: center（它将所有inline和inline-block子元素居中）。

/* block level element */

.aaa {
  width: 50px;
  height: 50px;
  margin: 0 auto; /* this centers with width */
  background: red;
}

<div class="aaa"></div>

和

/* inline-block or inline elements */

.parent {
  text-align: center;
}

<div class="parent">
  <h3>I’m a title that’s centered</h3>
</div>

也有flexbox，但是鉴于您问题的性质，现在可能会让您感到困惑。

Answer 2

在CSS中，您可以通过将某些内容放置在div中来对齐它们。然后，您必须在CSS中使用“文本对齐”。这是一个例子

<html>
<div id="center">
<p>I'm in the center</p>
</div>
<style>
#center{
text-align:center;
}
</style>
</html>

这就是您要做的！（希望这会有所帮助）