当前位置:Gxlcms > html代码 > 一个大div中有多个div,如何使这些div在同一行显示,并且溢出后产生滚动条而不换行呢_html/css_WEB-ITnose

一个大div中有多个div,如何使这些div在同一行显示,并且溢出后产生滚动条而不换行呢_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:212人阅读

如题,当里面所有div宽度超过外面div宽度后,产生一个滚动条显示,而不是换行显示。试过用display:inline-flex,但是在ie下不起作用,求助


回复讨论(解决方案)

  1. <style type="text/css">.mt {
  2. width: 600px;
  3. height: 200px;
  4. overflow: auto;}.mk {
  5. white-space: nowrap;}.mj {
  6. width: 150px;
  7. height: 150px;
  8. border: 1px solid #999;
  9. display: inline-block;}</style><div class="mt">
  10. <div class="mk">
  11. <div class="mj"></div><div class="mj"></div><div class="mj"></div><div class="mj"></div><div class="mj"></div><div class="mj"></div><div class="mj"></div><div class="mj"></div><div class="mj"></div>
  12. </div></div>

人气教程排行