中心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; 
 
}