小的div在大div的横向居中问题

参考:

要让一个小的div在一个大的div中居中，可以使用以下CSS属性和数值：

1. 设置大的div为相对定位（position: relative）或者设置为弹性容器（display: flex），以便让内部元素进行定位。
2. 设置小的div为绝对定位（position: absolute）或者设置为内联块级元素（display: inline-block），以便使其脱离正常文档流。
3. 使用以下属性将小的div水平和垂直居中：

1. .small-div {
2. position: absolute;
3. top: 50%;
4. left: 50%;
5. transform: translate(-50%, -50%);
6. }

这样，小的div将会在大的div中水平和垂直居中显示。请确保父级容器有足够空间来容纳小的div