ul,li设置新闻列表,超出范围对象,自动隐藏
ul,li设置新闻列表,超出范围对象,自动隐藏 ,<style>
.leftmain {margin-top:8px;width:300px;height:230px;overflow:auto;line-height:32px;text-indent:2em;font-size:12px;}
.leftmain li {border-bottom:dashed 1px #e3e3e3;line-height:18px;height:18px;display:block;overflow:hidden;padding-top:3px;}
.leftmain li a {padding-right:80px;}
.leftmain span {float:right;background:#fff;line-height:22px;width:80px;text-align:right;display:block;}
.leftmain li a:hover {text-decoration:none;}
</style>
<ul class="leftmain">
<li><a href="#" title=""><span>2008-12-12</span>这这个是标题这个是标题这个是标题这个是标题个是标题</a></li>
<li><a href="#" title=""><span>2008-12-12</span>这这个是标题这个是标题这个是标题这个是标题个是标题</a></li>
<li><a href="#" title=""><span>2008-12-12</span>这这个是标题这个是标题这个是标题这个是标题个是标题</a></li>
<li><a href="#" title=""><span>2008-12-12</span>这这个是标题这个是标题这个是标题这个是标题个是标题</a></li>
<li><a href="#" title=""><span>2008-12-12</span>这这个是标题这个是标题这个是标题这个是标题个是标题</a></li>
<li><a href="#" title=""><span>2008-12-12</span>这这个是标题这个是标题这个是标题这个是标题个是标题</a></li>
</ul>
.leftmain {margin-top:8px;width:300px;height:230px;overflow:auto;line-height:32px;text-indent:2em;font-size:12px;}
.leftmain li {border-bottom:dashed 1px #e3e3e3;line-height:18px;height:18px;display:block;overflow:hidden;padding-top:3px;}
.leftmain li a {padding-right:80px;}
.leftmain span {float:right;background:#fff;line-height:22px;width:80px;text-align:right;display:block;}
.leftmain li a:hover {text-decoration:none;}
</style>
<ul class="leftmain">
<li><a href="#" title=""><span>2008-12-12</span>这这个是标题这个是标题这个是标题这个是标题个是标题</a></li>
<li><a href="#" title=""><span>2008-12-12</span>这这个是标题这个是标题这个是标题这个是标题个是标题</a></li>
<li><a href="#" title=""><span>2008-12-12</span>这这个是标题这个是标题这个是标题这个是标题个是标题</a></li>
<li><a href="#" title=""><span>2008-12-12</span>这这个是标题这个是标题这个是标题这个是标题个是标题</a></li>
<li><a href="#" title=""><span>2008-12-12</span>这这个是标题这个是标题这个是标题这个是标题个是标题</a></li>
<li><a href="#" title=""><span>2008-12-12</span>这这个是标题这个是标题这个是标题这个是标题个是标题</a></li>
</ul>
- 相关阅读
- 如何彻底卸载电脑里你不想用的软件
- 我的地盘我做主之留言板模板
- 微信小程序操作json与数组增加
- GOOGLE百度破解,网站优化SEO最终详解
- 一次自动化批量处理服务器上几万张图片
- 解析css属性的另类属性之媒体(Media)类型
- uni-app浏览历史记录功能实现
- 北京顺义阿来电脑科技有限公司
- 共有0条关于《ul,li设置新闻列表,超出范围对象,自动隐藏》的评论
- 发表评论
正在加载评论......
返回顶部发表评论
网友评论声明,请自觉遵守互联网相关政策法规。
您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。
- 更多>>同类信息
- jquery设置或获取修改classname
- 利用css3.0写出一个音乐播放的唱片碟盘的效果
- 利用css中的scale()实现放大缩小效果
- 利用background-color:#000000a8在背景颜色16进制代码之后加字母加上数字让背景色透明
- css背景使用base64编码或者将base64编码放在img图片标签中
- 利用css3中的-webkit-font-smoothing把网页文字的毛边去掉
- 更多>>最新添加文章
- dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT
- Android移动端自动化测试:使用UIAutomatorViewer与Selenium定位元素
- 抖音直播音挂载小雪花 懂车帝小程序
- javascript获取浏览器指纹可以用来做投票
- 火狐Mozilla Firefox出现:无法载入您的Firefox配置文件 它可能已经丢失 或是无法访问 问题解决集合处理办法
- 在Android、iOS、Windows、MacOS中微信小程序的文件存放路径
- python通过代码修改pip下载源让下载库飞起
- python里面requests.post返回的res.text还有其它的吗