1

Web サイトの div に asp.net メニュー コントロールが埋め込まれています。

私の問題は、15 ～ 20 個のメニューがあり、すべてのメニューを以下のように表示すると、メニュー コントロールが乱雑に見えることです。

ASP.NET メニュー

メニュー コントロールに css を適用することを考えていますが、メニューに表示されるアイテムの量を制御する方法がわかりません。項目は必須項目のため削除できません。私が必要とするのは、最初の 5 つのメニューを表示する必要があり、残りをドロップダウン リストまたは下のスクリーンショットのようなスクローラーで表示する必要があることです。

以下のようにメニューコントロールを表示する必要があります

タブドロップ

また

矢印

誰でも私の問題を解決するのを手伝ってもらえますか?

編集

リスト スタイルをリストからテーブルに変更することで、すべてのメニューを 1 行に表示することができました。

メニュー

This has solved my clutter issue however the menus are going beyond the div view width. I tried changing the width but it didnt helped me. how to set the limit to show only few menus and provide scroll support feature to see the remaining menus.

ASP.NET メニューのスクロール

4

1 に答える 1

0

次のようなものを探していると思います: http://www.eyecon.ro/bootstrap-tabdrop/

それがうまくいくかどうか教えてください、有望に見えますが、試したことはありません.

編集

わかりました、試してみました。具体的に5つまたは同様のものを持ちたい場合。css で次のようなことができます。

ul.nav > li {
  width: 15%; 
}

ここでフィドルを参照してください。(ウィンドウのサイズを変更してみてください)

于 2016-03-18T06:36:39.017 に答える