如何将div中的图像居中浮动

Question

我的网站是watersedgeofshelton.com，在“楼层平面图”页面上，我有两张图片并排使用代码浮点数：left 我的问题是我不能让它们在页面上居中并且仍然是并排的

谢谢你！

div#floorplans {
text-align: center;
}
div#admiral {
float: left;
padding-right: 20px;
}
div#clipper {
float: left;
}    

Answer 1

将以下代码添加到您的CSS并检查您的页面 -

div#admiral,
div#clipper {
    width: 50%;
}

并删除这个 -

div#admiral {
    padding-right: 20px;
}

Answer 2

首先从每个div #admiral和div＃clipper中删除float，然后转到div＃floorplans并添加以下内容

div#floorplans {
    text-align: center;
    display: flex;
    margin-left: 70px;
}

希望这会对你有所帮助。

Answer 3

1）移除Float
2）使用表格或ul li（带水平导航和隐藏子弹）图像并排显示 3）使用＆＃34; align-text：center＆＃34 ;;如果你想使用div＆＃34; margin：0 auto＆＃34;

希望有所帮助： - ）

Answer 4

为什么不尝试这样的事情？

将 divs / images 放在包装中设置包装的宽度，并设置自动边距对于包装！