时间戳

首页 > 解决方案 > 如何将所有 html 组件移动到页面的中心？

html - 如何将所有 html 组件移动到页面的中心？

问题描述

我是 HTML 的初学者，我想问这个问题。如何移动页面中心的所有项目？见下图 在此处输入图像描述

标签： htmlcss

解决方案

您需要使用 flexbox 并将项目包装在具有固定大小的块内。

.parent {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.parent__inner {
  width: 500px;
}
<div class="parent">
  <div class="parent__inner">
     <!-- child items -->
  </div>
</div>

推荐阅读