如何从CSS到div中的扶正元素？ [重复]

Question

此问题已经在这里有了答案：

Flexbox: center horizontally and vertically（11个答案）

CSS center text (horizontally and vertically) inside a div block（23个答案）

How to vertically center a div for all browsers?（45个答案）

How to Vertical align elements in a div?（28个答案）

How to horizontally center a <div>?（104个答案）

关闭17分钟前。

我的样式表中有一个名为gdiv的类，它引用一般的div条件。我可以从gdiv更改文本对齐方式。但无法更改div中所有内容的对齐方式，例如div。如何对齐所有内容？

Answer 1

我认为将项目与div的中心对齐的最佳方法是使用flexbox

.gdiv {
   display: flex; /* just to set it to flex box */
   justify-content: center; /* to align the items horizontally in the div */
   align-items: center; /* to align the items vertically in the div */
}

如果要按DIV的父级对齐DIV本身，则可以在父级中使用此代码；

如果要对齐的是文本，则可以使用：
.gdiv {
    text-align: center;
 }

如果您是初学者，我强烈建议您学习CSS中的Flexbox和网格！

Answer 2

display: flex;
align-items: center;
justify-content: center;