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。

＆＃13;

#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;
}

＆＃13;

中心2浮动图像

1 个答案: