html - 中心 2 个 float 图像

Question

我想将 2 个图像居中 我已将显示设置为 block 和边距 0 但没有任何反应，我尝试了不同 div 的边距但也没有结果。我似乎无法找出我做错了什么，

这是CSS:

#partners {
background-color: #FFF;
height: 500px;
margin: auto;
display: block;
}

#partners h2 {
color: #000000;
font-family: "helvetica";
font-size: 36px;
text-align: center;
padding-top: 110px;
}

.partner1 {
float: left;
padding: 0px, 50px, 0px, 50px;
margin-top: 125px;

}

.partner1 img {
width: 300px;
}

.partner2 {
float: left;
padding: 0px, 50px, 0px, 50px;
margin-top: 125px;
display: block;
}

.partner2 img {
width: 300px;
margin: auto;
}

Answer 1

这里只是假设你的标记，但你想添加 text-align: center 到父级，然后让子 block 元素 display: inline-block，然后这些元素将以父元素为中心。

您也不需要在填充量之间使用逗号，我合并了您的一些 CSS。

#partners {
background-color: #FFF;
height: 500px;
margin: auto;
display: block;
text-align: center;
}

#partners h2 {
color: #000000;
font-family: "helvetica";
font-size: 36px;
text-align: center;
padding-top: 110px;
}

.partner1, .partner2 {
padding: 0px 50px 0px 50px;
margin-top: 125px;
display: inline-block;
}

.partner1 img, .partner2 img {
width: 300px;
}