我想并排放置div,我做到了。
<div style="width:800px;">
<div style="width:300px; float:left;"></div>
<div style="width:300px; float:right;"></div>
</div>
但是在移动设备上,我想显示一个div,转到行尾并显示其他div。
谢谢!
您可以使用 flex
.abc {
width:800px;
}
@media screen and (min-width: 600px) {
.abc {
display: flex;
}
}
<div class="abc">
<div style="width:300px; background-color: red;">Div 1</div>
<div style="width:300px; background-color: yellow;">Div 2</div>
</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句