ul li

free_live_zyx 2010-08-23 11:17:48

我想让一行显示两列,请问样式怎么写?
<ul>
<li><a href="#" target="_blank" title="威妮高2分">威妮高2分</a></li>
<li><a href="#" target="_blank" title="降唐9快9胶囊">降唐9快9胶囊</a></li>
<li><a href="#" target="_blank" title="润尔清熊胆丸">润尔清熊胆丸</a></li>
<li><a href="#" target="_blank" title="月根除2分">月根除2分</a></li>
<li><a href="#" target="_blank" title="月根除5分">月根除5分</a></li>
<li><a href="#" target="_blank" title="特研活腺通10分">特研活腺通10分</a></li> </ul>

...全文

79 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

beyond_me21 2010-08-23

打赏
举报



ul.list{

margin:0px;

padding:5px;

overflow:hidden;

width:220px;

list-style:none;

}

ul.list li{

display:inline;

float:left;

margin:0px;

padding:5px;

overflow:hidden;

width:100px;

}



<ul class="list">

  <li><a href="#" target="_blank" title="威妮高2分">威妮高2分</a></li>

  <li><a href="#" target="_blank" title="降唐9快9胶囊">降唐9快9胶囊</a></li>

  <li><a href="#" target="_blank" title="润尔清熊胆丸">润尔清熊胆丸</a></li>

  <li><a href="#" target="_blank" title="月根除2分">月根除2分</a></li>

  <li><a href="#" target="_blank" title="月根除5分">月根除5分</a></li>

  <li><a href="#" target="_blank" title="特研活腺通10分">特研活腺通10分</a></li> 

</ul>

leejelen 2010-08-23

打赏
举报

UL的宽度等于两个LI的宽度，LI设置float:left

porschev 2010-08-23

打赏
举报



<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>



<!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 runat="server">

    <title>无标题页</title>

   

<style type="text/css">

ul{

width:578px;

}

 ul li{

float:left;

display:inline;

width: 280px;

height:27px;

line-height:27px;

}

</style>

</head>

<body>

    <form id="form1"  runat="server">

    

  <ul>

  <li><a href="#" target="_blank" title="威妮高2分">威妮高2分</a></li>

  <li><a href="#" target="_blank" title="降唐9快9胶囊">降唐9快9胶囊</a></li>

  <li><a href="#" target="_blank" title="润尔清熊胆丸">润尔清熊胆丸</a></li>

  <li><a href="#" target="_blank" title="月根除2分">月根除2分</a></li>

  <li><a href="#" target="_blank" title="月根除5分">月根除5分</a></li>

  <li><a href="#" target="_blank" title="特研活腺通10分">特研活腺通10分</a></li> 

  </ul>

    </form>

</body>

</html>