如何将图片与html并排放置？我还是贝吉

Question

我的朋友创建了一个电子商务网站，他们想为客户显示一些选项，但是他们无法解决图像问题。他们无法将图像并排放置。我想提供帮助，但是我的html知识是如此基础。我尝试使用float方法。所以我将添加我的代码链接，希望有人能帮忙吗？谢谢。

Codes are here

Answer 1

更改此行

<div class="highlights-banners highlight-banners-count-4">

收件人

<div class="highlights-banners highlight-banners-count-4" style="display: flex;">

要水平对齐项目

尝试

调整内容：空间均匀；

调整内容：空格；

正当内容：居中；

Answer 2

您可以使用引导程序制作相似的行div，并在这些div中添加三个图像。您还可以使用以下代码：

<style>
    .img_div {
        float: left;
    }
</style>
<div class="main_div">
    <div class="img_div"><img src="/images/1.png" height="300" width="230" /></div>
    <div class="img_div"><img src="/images/2.png" height="300" width="230" /></div>
    <div class="img_div"><img src="/images/3.png" height="300" width="230" /></div>
</div>

Answer 3

.highlights-banners-block {

display: inline-block;

}