中心 2 个浮动图像

Question

我想将 2 个图像居中我已将显示设置为块和边距 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 添加到父级，然后使子块元素 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;
}

中心 2 个浮动图像

Center 2 floating images

html

css

image

center

css-float