css中多个图片居中 |css marquee 停止

css border 橙色，css p元素居中，css上一页，css点击按钮去除光标，web 类的css继承写法，css如何显示隐藏div层，css marquee 停止 css中多个图片居中 |css marquee 停止

方法一：使用flex布局

.container {
display: flex;
justify-content: center;
align-items: center;
}
.container img {
margin: 0 10px;
}

方法二：使用text-align

.container {
text-align: center;
}
.container img {
display: inline-block;
margin: 0 10px;
}

方法三：使用绝对定位

.container {
position: relative;
}
.container img {
position: absolute;
left: 50%;
transform: translateX(-50%);
margin: 0 10px;
}

方法四：使用网格布局

.container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
justify-items: center;
align-items: center;
}
.container img {
margin: 0 10px;
}

以上几种方法都可以实现多个图片的居中，选择哪种方法主要看具体情况和个人习惯。