控制字数的列表
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>控制字数的列表_bt</title>
<style type="text/css">
body,ul,li{margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;}
img{border:0 none}
ul{margin:0 0 0 10px;width:300px;}
ul li{ position:relative; width:150px;height:18px;line-height:18px; padding-right:50px; overflow:hidden}
ul li a{color:#333; font-size:12px; text-decoration:none; display:inline-block; overflow:hidden}
ul li span{font-size:9px; color:#999; position:absolute; padding-left:5px}
</style>
</head>
<body>
<ul>
<li><a href="#">这里是列表的标的标题</a><span>2009-08-08</span></li>
<li><a href="#">这里是列表的里是列表的标题</a><span>2009-08-08</span></li>
<li><a href="#">这里是列表的标题这里是列题这里是列表的标里是列表表的标题</a><span>2009-08-08</span></li>
<li><a href="#">这里是列表的标题这里是列表的标题</a><span>2009-08-08</span></li>
</ul>
</body>
</html>
当前页面是本站的「Baidu MIP」版。查看和发表评论请点击：完整版 »
因本文不是用Markdown格式的编辑器书写的，转换的页面可能不符合MIP标准。