同级div设置display:inline-block，父级div强制不换行

同级div设置display:inline-block，父级div强制不换行

<html>
<head></head>
<body>
  <div id="container">
    <div class="lable">测试测试</div>
    <div class="lable">测试测试</div>
    <div class="lable">测试测试</div>
    <div class="lable">测试测试</div>
    <div class="lable">测试测试</div>
  <div>
</body>
<style>
  #container {
    width:400px;
    height: 200px;
    background-color: red;
    overflow: auto;
    white-space: nowrap;
  }
  .lable {
    width: 100px;
    background-color: blue;
    display: inline-block;
  }
</style>
</html>
posted @ 2019-03-21 13:47  xidianzxm  阅读(4926)  评论(0)  编辑  收藏  举报