對於其RenderMode設置爲「List」的ASP.NET菜單服務器控件,有一個「Orientation」屬性決定菜單是否呈現爲水平菜單或垂直菜單。我比較了兩個HTML源代碼,無法找出HTML/CSS代碼的哪一部分設置了菜單的方向(無序列表)。誰能幫忙?Menu Server控件實現了哪些CSS規則來呈現爲水平菜單?
0
A
回答
1
一般來說,(聯合國)下令製成名單,由或者水平呈現浮動的列表項向左:
li {
float: left;
}
或使其內聯元素,而不是塊元素:
li {
display: inline;
}
如果這是微軟採取的方法,我不知道我的頭頂,但它可能類似。
1
(ASP.NET 4)
使用下面的代碼(兩個菜單,一個垂直,一個有水平方向):
<asp:Menu runat="server">
<Items>
<asp:MenuItem Text="item1" />
<asp:MenuItem Text="item2">
<asp:MenuItem Text="item2.1" />
<asp:MenuItem Text="item2.2" />
</asp:MenuItem>
</Items>
</asp:Menu>
<asp:Menu Orientation="Horizontal" runat="server">
<Items>
<asp:MenuItem Text="item1" />
<asp:MenuItem Text="item2">
<asp:MenuItem Text="item2.1" />
<asp:MenuItem Text="item2.2" />
</asp:MenuItem>
</Items>
</asp:Menu>
這就是你在Chrome的風格檢查器看第一(垂直):
而這對於第二(水平):
所以不同的是直列{浮動:左}上的菜單項列表項,像科里拉爾森的第一個建議。
相關問題
- 1. asp.net菜單控件staticBottomSeparatorImage出現在水平菜單下
- 2. 以下哪些CSS規則呈現速度更快?
- 3. 實現水平分支導航菜單
- 4. 用Javascript實現水平子菜單
- 5. CSS水平菜單
- 6. CSS水平菜單
- 7. CSS水平子菜單
- 8. 帶CSS的水平菜單
- 9. 水平css菜單問題
- 10. OpenGL:哪些OpenGL實現不流水?
- 11. CSS水平子菜單垂直菜單
- 12. CSS水平菜單,滑動子菜單
- 13. Silverlight的「Dev Express控件」中提供了哪些控件,用於實現漂亮的菜單?
- 14. 從實現css庫實現水平卡的問題
- 15. CSS水平菜單:display:inline;將無效
- 16. ASP.NET水平菜單出現在下面的子菜單,也是水平的
- 17. 水平菜單CSS材質UI ReactJS
- 18. 水平子菜單
- 19. 在我的水平菜單上出現非常奇怪的CSS問題
- 20. 水平呈現數據而非垂直呈現
- 21. CSS下拉菜單項水平走
- 22. CSS:水平子菜單問題
- 23. 要實現哪些控制器
- 24. WebBrowser控件不呈現一些網頁
- 25. CSS水平下拉導航菜單
- 26. 幫助與CSS水平下拉菜單
- 27. WordPress的:子菜單不會呈現
- 28. 水平菜單子菜單
- 29. 呈現來自控制器
- 30. 引導 - 水平滾動條出現在長下拉菜單項
您好,我的HTML代碼版本根本沒有'float:left;'。我使用站點地圖文件來構建菜單。你可以試試嗎?謝謝。 – Aperture 2010-10-08 01:07:04