如何将图像与 html 并排放置？我还在开始

Question

我的朋友正在创建一个电子商务网站，他们想为客户展示一些选项，但他们无法解决图像问题。他们不能并排放置图像。我想帮忙，但我的 html 知识太基础了。我尝试使用浮动方法。所以我会添加我的代码 link，我希望有人帮忙？谢谢

Answer 1

更改此行

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

至

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

水平对齐项目

尝试

调整内容：space-均匀；

调整内容：space-around;

调整内容：居中；

Answer 2

您可以使用 bootstrap 制作类似的行 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;

}

如何将图像与 html 并排放置？我还在开始

How can i put images side by side with html? I'm still begi

html

css-float