<li>水平排列问题</li>

时间:2012-09-30 16:54:19

标签: html html-lists

//for submenu
DataTable subcate = new BALCate().GetSubCate(cateid);
if (subcate.Rowsount > 0)
{
    div = new HtmlGenericControl("div");
    div.Attributes.Add("class", "sub-menu");
    HtmlGenericControl sul = new HtmlGenericControl("sul");

    foreach (DataRow sdr in subcate.Rows)
    {
        HtmlGenericControl sli = new HtmlGenericControl("sli");
        HtmlAnchor slink = new HtmlAnchor();
        slink.HRef = "#";
        slink.InnerHtml = sdr["subcate_name"].ToString();
        sli.Controls.Add(slink);
        sul.Controls.Add(sli);
    }
    div.Controls.Add(sul);
    li.Controls.Add(div);
 }
nav.Controls.Add(li);

的.aspx

<div class="categories">
<ul runat="server" id="nav">
<li class="home" style="background-repeat: no-repeat; background-color: #6FA907; background-image: url(home.jpg); background-position: center;"><a href="index.htm">Home</a></li>
<!--Dynamic menu-->
</ul>
</div>

请垂直安排这些

任何人都可以解决这个错误---如下所述

<li> </li>标记内的<ul> </ul>个标记是否为垂直方式?如果是,那么请告诉我你的

2 个答案:

答案 0 :(得分:0)

// CSS
li { display : block; }

除了垂直是li元素的默认值之外,除非你已经在CSS中的其他地方取消了它。

答案 1 :(得分:0)

您可以将其设为display: block;display: list-item;,这是默认设置。

所以,你的CSS将是:

#nav li {display: block;}

或者

#nav li {display: list-item;}

检查两者并使用适合的。 :)