如何在包含DIV元素的html中创建行布局

如何在包含DIV元素的html中创建行布局,html,Html,像这样的,, 任何帮助都将不胜感激。您可以在此处使用flex样式创建该布局。因此HTML如下所示 <div class="wrapper"> <div class="box"></div> <div class="box"></div> <div class="box"></div> </div>

像这样的,,
任何帮助都将不胜感激。

您可以在此处使用flex样式创建该布局。因此HTML如下所示

<div class="wrapper">
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
</div>
更多信息

谢谢

.wrapper {
    display: flex;
    justify-content: space-between;
}
.box {
    width: 200px;
    height: 200px;
    background: black;
}

@media only screen and (max-width: 767px){
    .wrapper {
        flex-direction: column;
        align-items: center;
    }
}