如何在包含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;
}
}