<div class="infoShow" style="margin-top:5px;">
<ul id="info">
<!--<li><a href="#">sfafjd;afja;ffsafafsfadffasdfasfasfasdfasdf</a></li>-->
<!--<li>sfafjd;afja;fasdfadsfasfdasfasfdasfasdfasdfas</li>-->
js代码: .infoShow{ border:1px solid #000; overflow-y:auto; height:340px; } .infoShow ul{ margin:0px; padding:0px; float:left; white-s...
哎!最近笨人又遇到了关于使用css3实现ul 横向滚动的问题了,知道很简单,突然间想不起来!灰常苦恼,就写下这篇文章来加深记忆!(当然我也在度娘上搜了一波,发现没有满意的答案,就把这篇文章分享给 同我一样奋斗在前端岗位上的各位同仁吧!)
来来来!上干货!
先写一个包裹层 div
在写一个包裹li的ul
最后写很多li
css部分
用到 文本不换行 white-space...
<template>
<div class="scrolList" ref="box" :style="scrolStyle">
<div class="top" v-if="showMask"></div> // 这里是加了一个遮罩过度
<div.
最近的需求需要给一排图片加横向滚动,大家都知道用ul li之后里面的li都是设置了float:left,这样会导致就算你设了width,横向滚动也是无效的,所以我的办法就是不给他设float,但是可以排列整齐 嘻嘻
先上效果图:
这是比较简单的效果 没做美化。。
然后贴代码:
<div class="div-rymodal col-md-9">