请问这个怎么弄？ - WEB前端(UI)

楼主

问题点数：0 回复次数：0

请问这个怎么弄？

程序代码：

<!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>

我希望这样显示：1.[言情]官家-------------123456 这条虚线自适应宽度，怎么实现？

[ 本帖最后由 cctvkmn 于 2011-10-21 02:16 编辑 ]

搜索更多相关主题的帖子: PUBLIC　html　