css块属性居中显示 |html中怎么引入css

在 CSS 中，使用块属性可以将元素分为多个块级元素，例如：

<div class=”container”>

<div class=”row”>

<div class=”col-md-4 col-sm-4″>

这是一个 4 行 4 列的元素。

</div>

<div class=”col-md-4 col-sm-4″>

这是一个 4 行 4 列的元素。

</div>

<div class=”col-md-4 col-sm-4″>

这是一个 4 行 4 列的元素。

</div>

</div>

</div>

在这个例子中，`<div>` 元素被分为四个块级元素，每个元素都被设置为 `col-md-4`、`col-sm-4` 和 `col-md-4`。这些元素都使用了相同的宽度和高度，因此它们将在同一行中居中显示。

除了使用 `.container` 类名来设置元素的绝对位置外，还可以使用 `.center` 类名来将元素居中显示。这将把元素的宽度和高度设置为 `100%`，并将其放置在水平和垂直方向上的中心位置。例如：

.center {

width: 100%;

height: 100%;

display: flex;

justify-content: center;

align-items: center;

在这个例子中，`.center` 元素将包含所有四个块级元素，并将它们居中显示。

总之，使用 CSS 块属性可以很容易地将元素居中显示。只需将元素的类名设置为 `.container`，并在需要居中显示的元素上使用 `.center` 类名即可。