div里面放ul，使ul横向和纵向滚动

js代码：

  .infoShow{border:1px solid #000;overflow-y:auto;height:340px;}.infoShow ul{margin:0px;padding:0px;float:left;white-space: nowrap;overflow:hidden;}.infoShow ul li{float: left;text-align:left;list-style:none;display: inline;}

注意：主要是添加overflow-y:auto;white-space:nowrap;overflow:hidden

html代码：

<div class="infoShow" style="margin-top:5px;"><ul id="info"><!--<li><a href="#">sfafjd;afja;ffsafafsfadffasdfasfasfasdfasdf</a></li>--><!--<li>sfafjd;afja;fasdfadsfasfdasfasfdasfasdfasdfas</li>--></ul>
</div>

div里面放ul，使ul横向和纵向滚动相关推荐

一个关于ul 及 li 横向滚动的故事！
哎!最近笨人又遇到了关于使用css3实现ul 横向滚动的问题了,知道很简单,突然间想不起来!灰常苦恼,就写下这篇文章来加深记忆!(当然我也在度娘上搜了一波,发现没有满意的答案,就把这篇文章分享给同我 ...
解决ul的li横向排列换行的问题
解决ul的li横向排列换行的问题参考文章: (1)解决ul的li横向排列换行的问题 (2)https://www.cnblogs.com/sapho/p/5736491.html 备忘一下.
html div显示页面中间,使一个div始终显示在页面中间
使一个div始终显示在页面中间假设我们有一个div层: 首先,我们用css来控制它在水平上始终居中,那么我们的css代码应该是这样: *{margin:0;padding:0;} #myDiv{wi ...
div里面放img图片下方有留白
在写官网项目发现div里面放图片,最下方会有空白,后来发现是应为img的vertical-align的属性的问题. 首先知道img的display是inline-block,有vertical-ali ...
css 多层ul li,css中的ul li ul li ul li ul li 实现四级菜单
a { color:Black; /*--a标签的默认颜色为黑色--*/ text-decoration:none; /*--隐藏超链接的下划线--*/ } a:hover { /**--当鼠标聚焦到 ...
html ul li做左侧菜单,css中使用ul li ul li ul li ul li 实现四层级联菜单
复制代码代码如下: a { color:Black; /*--a标签的默认颜色为黑色--*/ text-decoration:none; /*--隐藏超链接的下划线--*/ } a:hover { / ...
vue自定义单向列表(横向或纵向)
template部分 <div class="dataNavPrev"@click="navPrev"><svg t="165061 ...
html纵向导航,【练习实例】HTML+CSS制作导航栏（横向与纵向）
纵向导航栏建立一个列表主页新闻联系关于 2. 定义列表基本样式 ul{ /*去掉列表的样式*/ list-style-type: none; width: 200px; background ...
项目场景-------滚动条横向竖向同步滚动
项目场景之滚动条横向竖向同步滚动 1. 项目场景: 提示:项目上有个自动化数据比对工具需要在视图进行滚动条双向监听滚动: 2. 属性描述: 提示:涉及到几个属性值需要了解: // 垂直滚动条// sc ...

div里面放ul，使ul横向和纵向滚动

div里面放ul，使ul横向和纵向滚动相关推荐

最新文章

热门文章