Question

我尝试使第5个div中断行，因为其容器的宽度为100％，而div的宽度为24％

这是html代码，katalogue是容器，kotakproduk是我的div

<div className="katalogue">
    {produkbaru}
    <div className="kotakproduk">
        <div className="gambarproduk">
            <img src="" />
        </div>
        <div className="nama">
            Realme X2 PRO
        </div>
        <div className="harga">
            Rp. 1.700.000
        </div>
    </div>
</div>

.css文件

.kotakproduk{
    width:24%;
    position:relative;
    margin-top: 2%;
    transition: transform .2s;
}
.gambarproduk{
    height: 85%;
    }
.katalogue{
    display:flex;
    width:100%;
}

和第5个div从容器溢出。预先感谢

Answer 1

将 flex-wrap: wrap 设置为.katalogue div

div容器溢出且没有换行

1 个答案: