同级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 {
    400px;
    height: 200px;
    background-color: red;
    overflow: auto;
    white-space: nowrap;
  }
  .lable {
     100px;
    background-color: blue;
    display: inline-block;
  }
</style>
</html>
原文地址:https://www.cnblogs.com/xidianzxm/p/10571180.html