程序代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.>
<html xmlns="http://www.>
<head id="Head1" runat="server">
<title>虚线</title>
</head>
<style type="text/css">
li a{
display:inline-block;
text-decoration:none;
color:#000;
}
li a:hover{
text-decoration:underline;
}
.div1
{
padding-top:8px;
font-size:12px;
border:1px solid #ccc;
width:220px;
margin:0 auto;
padding-right:8px;
}
.ct
{
float:right;
}
<!--background: url(http://img.)
repeat-x 0 50%; -->
</style>
<body>
<form id="form1">
<div class="div1">
<ol>
<li><span class="ct">123456</span><span><a href="#">[言情]</a></span><span><a href="#">官家
</a></span></li>
<li><span class="ct">123456</span><span><a href="#">[言情]</a></span><span><a href="#">官家
</a></span></li>
<li><span class="ct">123456</span><span><a href="#">[言情]</a></span><span><a href="#">官家
</a></span></li>
<li><span class="ct">123456</span><span><a href="#">[言情]</a></span><span><a href="#">官家
</a></span></li>
<li><span class="ct">123456</span><span><a href="#">[言情]</a></span><span><a href="#">官家
</a></span></li>
<li><span class="ct">123456</span><span><a href="#">[言情]</a></span><span><a href="#">官家
</a></span></li>
<li><span class="ct">123456</span><span><a href="#">[言情]</a></span><span><a href="#">官家
</a></span></li>
<li><span class="ct">123456</span><span><a href="#">[言情]</a></span><span><a href="#">官家
</a></span></li>
<li><span class="ct">123456</span><span><a href="#">[言情]</a></span><span><a href="#">官家
</a></span></li>
<li><span class="ct">123456</span><span><a href="#">[言情]</a></span><span><a href="#">官家
</a></span></li>
<li><span class="ct">123456</span><span><a href="#">[言情]</a></span><span><a href="#">官家
</a></span></li>
<li><span class="ct">123456</span><span><a href="#">[言情]</a></span><span><a href="#">官家
</a></span></li>
<li><span class="ct">123456</span><span><a href="#">[言情]</a></span><span><a href="#">官家
</a></span></li>
<li><span class="ct">123456</span><span><a href="#">[言情]</a></span><span><a href="#">官家
</a></span></li>
<li><span class="ct">123456</span><span><a href="#">[言情]</a></span><span><a href="#">官家
</a></span></li>
</ol>
</div>
</form>
</body>
</html>
"http://www.>
<html xmlns="http://www.>
<head id="Head1" runat="server">
<title>虚线</title>
</head>
<style type="text/css">
li a{
display:inline-block;
text-decoration:none;
color:#000;
}
li a:hover{
text-decoration:underline;
}
.div1
{
padding-top:8px;
font-size:12px;
border:1px solid #ccc;
width:220px;
margin:0 auto;
padding-right:8px;
}
.ct
{
float:right;
}
<!--background: url(http://img.)
repeat-x 0 50%; -->
</style>
<body>
<form id="form1">
<div class="div1">
<ol>
<li><span class="ct">123456</span><span><a href="#">[言情]</a></span><span><a href="#">官家
</a></span></li>
<li><span class="ct">123456</span><span><a href="#">[言情]</a></span><span><a href="#">官家
</a></span></li>
<li><span class="ct">123456</span><span><a href="#">[言情]</a></span><span><a href="#">官家
</a></span></li>
<li><span class="ct">123456</span><span><a href="#">[言情]</a></span><span><a href="#">官家
</a></span></li>
<li><span class="ct">123456</span><span><a href="#">[言情]</a></span><span><a href="#">官家
</a></span></li>
<li><span class="ct">123456</span><span><a href="#">[言情]</a></span><span><a href="#">官家
</a></span></li>
<li><span class="ct">123456</span><span><a href="#">[言情]</a></span><span><a href="#">官家
</a></span></li>
<li><span class="ct">123456</span><span><a href="#">[言情]</a></span><span><a href="#">官家
</a></span></li>
<li><span class="ct">123456</span><span><a href="#">[言情]</a></span><span><a href="#">官家
</a></span></li>
<li><span class="ct">123456</span><span><a href="#">[言情]</a></span><span><a href="#">官家
</a></span></li>
<li><span class="ct">123456</span><span><a href="#">[言情]</a></span><span><a href="#">官家
</a></span></li>
<li><span class="ct">123456</span><span><a href="#">[言情]</a></span><span><a href="#">官家
</a></span></li>
<li><span class="ct">123456</span><span><a href="#">[言情]</a></span><span><a href="#">官家
</a></span></li>
<li><span class="ct">123456</span><span><a href="#">[言情]</a></span><span><a href="#">官家
</a></span></li>
<li><span class="ct">123456</span><span><a href="#">[言情]</a></span><span><a href="#">官家
</a></span></li>
</ol>
</div>
</form>
</body>
</html>
我希望这样显示：1.[言情]官家-------------123456 这条虚线自适应宽度，怎么实现？
[ 本帖最后由 cctvkmn 于 2011-10-21 02:16 编辑 ]