将 div 中的所有内容居中（imgs、文本、.......）

Question

（抱歉英语不好）

我想将 div "center" 中的所有内容（例如 imgs 和文本...）与 CSS

居中

<div id="123">
<div id="center">
<img>
<p>
...
</div>
</div>

Answer 1

你可以这样做：

CSS

#center{
  display: flex;
  justify-content: center;
  align-items: center;
}

DEMO HERE

Answer 2

如果你的意思是水平居中，你可以用 2 条简单的规则来实现：

• 内联元素 - text-align-center（段落、标题、图片）
• 块元素- margin:0px auto; (divs)