设置父级div里的元素强制不换行，滚动处理

贰狗 • 2023-05-31 • H5

同级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>

 

|| 版权声明
作者：冰魄
链接：https://www.bp456.cn/72.html
声明：如无特别声明本文即为原创文章仅代表个人观点，版权归《冰魄博客》所有，欢迎转载，转载
THE END
二维码
海报
设置父级div里的元素强制不换行，滚动处理
同级div设置display:inline-block，父级div强制不换行 <html> <head></head> <body> <div id="container"> <div ……
<<上一篇
下一篇>>