Html 在div中居中所有内容(imgs、text等)

Html 在div中居中所有内容(imgs、text等),html,css,center,Html,Css,Center,(抱歉英语不好) 我想用CSS将div“center”(如imgs和text…)中的所有内容居中 <div id="123"> <div id="center"> <img> <p> ... </div> </div> ... 您可以执行以下操作: CSS #center{ display: flex; justify-content: center; align-items: center; } 如果你

(抱歉英语不好)

我想用CSS将div“center”(如imgs和text…)中的所有内容居中

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


...
您可以执行以下操作:

CSS

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

如果你的意思是水平居中,你可以用两条规则来做,简单的规则是:

  • 内联元素-
    文本居中对齐
    (段落、标题、图像)
  • 块元素-
    边距:0px自动(divs)