html - 横向排列问题

Question

//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>垂直吗？？？如果是，请告诉我谢谢

Answer 1

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

因此，您的 CSS 将是：

#nav li {display: block;}

或者

#nav li {display: list-item;}

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

Answer 2

// CSS
li { display : block; }

除了垂直是li元素的默认设置，除非你已经在 CSS 的其他地方取消设置。