要在 flex 布局中居中元素,可以使用 justify-content: center
和 align-items: center
。
.container {display: flex;justify-content: center;align-items: center;}
这会使元素在容器中水平居中和垂直居中。
如果你只想要垂直居中,可以只使用 align-items: center
。
如果你只想要水平居中,可以只使用 justify-content: center
。
注意,这些样式只在父元素是 flex 布局时才有效。