li长度不够，隐藏内容，显示时间 - 剧情的落幕 - 那些你们喜欢和不喜欢我都喜欢的

自由宽度滑动门

ie6.0下，透明背景图

li长度不够，隐藏内容，显示时间

大 | 中 | 小

[

2010/07/02 12:36 | by liujincn]

<style type="text/css">
body {font:normal 12px "宋体",Verdana, Arial, Helvetica, sans-serif; margin:0px;}
ul {margin:0; padding:0;}
li {list-style-type:none;}
a {color:#333; text-decoration:none;}
a:hover {color:#900; text-decoration:none;}
.text {width:300px; }
.text ul{width:240px; }
.text li {display:inline-block; *display:inline; zoom:1; position:relative; }
.text li a {display:block; *display:inline; zoom:1; height:26px; line-height:26px; overflow:hidden;}
.text li span {position:absolute; top:0; right:-60px; padding-left:10px; line-height:26px; color:#999; }
</style>
<div class="text"><ul>
<li><a href="#">从邓加接过巴西队教鞭开始</a><span>2009-4-13</span></li>
<li><a href="#">从邓加接过巴西队教鞭开始，从邓加接过巴西队教鞭开始，从邓加接过巴西队教鞭开始 </a><span>2009-4-13</span></li>
<li><a href="#">从邓加接过巴西队教鞭开始从邓加接过巴西队教鞭开始</a><span>2009-4-13</span></li>
<li><a href="#">从邓加接过巴西队教鞭开始</a><span>2009-4-13</span></li>
<li><a href="#">从邓加接过巴西队教鞭开始</a><span>2009-4-13</span></li>
<li><a href="#">从邓加接过巴西队教鞭开始</a><span>2009-4-13</span></li>
<li><a href="#">从邓加接过巴西队教鞭开始</a><span>2009-4-13</span></li>
<li><a href="#">从邓加接过巴西队教鞭开始从邓加接过巴西队教鞭开始</a><span>2009-4-13</span></li>
<li><a href="#">从邓加接过巴西队教鞭开始</a><span>2009-4-13</span></li>
<li><a href="#">从邓加接过巴西队教鞭开始</a><span>2009-4-13</span></li>
</ul></div>

xhtml+css | 评论(0) | 引用(0) | 阅读(62)

分类

日历

统计

访问次数 11311
今日访问 24
日志数量 12
评论数量 0
引用数量 0
留言数量 57
注册用户 27
在线人数 2

搜索

最新日志

最新评论

链接

默认链接组
Bo-Blog
BMForum

归档

其他

登入
注册
申请链接
RSS：日志 | 评论
编码：UTF-8
XHTML 1.0