子元素不固定 如何水平居中

当子元素的数量不固定时，水平居中通常可以通过以下几种方法实现：

1. 使用Flexbox布局：

使用Flexbox布局是最简单且强大的方法之一。在父元素上设置`display: flex;`，然后使用`justify-content: center;`属性来使子元素水平居中。

```css

.parent {

display: flex;

justify-content: center;