请选择 进入手机版 | 继续访问电脑版
设为首页收藏本站

深蓝论坛

搜索
深蓝论坛»论坛 › 资源分享 › 技术教程 › 设置父级div里的元素强制不换行，滚动处理 ...
返回列表 发新帖
查看: 45|回复: 0

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

[复制链接]
3446779815

7

主题

0

回帖

43

积分

举人

Rank: 1

积分
43
发表于 2023-9-5 21:12:08 | 显示全部楼层 |阅读模式
同级div设置display:inline-block，父级div强制不换行

  1. <html>
  2. <head></head>
  3. <body>
  4.   <div id="container">
  5.     <div class="lable">测试测试</div>
  6.     <div class="lable">测试测试</div>
  7.     <div class="lable">测试测试</div>
  8.     <div class="lable">测试测试</div>
  9.     <div class="lable">测试测试</div>
  10.   <div>
  11. </body>
  12. <style>
  13.   #container {
  14.     width:400px;
  15.     height: 200px;
  16.     background-color: red;
  17.     overflow: auto;
  18.     white-space: nowrap;
  19.   }
  20.   .lable {
  21.     width: 100px;
  22.     background-color: blue;
  23.     display: inline-block;
  24.   }
  25. </style>
  26. </html>
复制代码


回复

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表