如何解决将div并排放置的移动问题?

安德里亚·P。

我想并排放置div,我做到了。

<div style="width:800px;">
  <div style="width:300px; float:left;"></div>
  <div style="width:300px; float:right;"></div>
</div>

但是在移动设备上,我想显示一个div,转到行尾并显示其他div。

谢谢!

南迪塔·沙玛(Nandita Sharma)

您可以使用 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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章