HTML CSS LI التغليف

Question

ولدي القائمة العمودية في نظام بلدي والتي تتم أساسا من HTML ul / li مع CSS التصميم (انظر الصورة أدناه). ومع ذلك أنا لا أريد البنود li التي هي أوسع من القائمة التفاف، ويفضل لهم لتجاوز مع شريط التمرير الأفقي في أسفل القائمة. كيف يمكنني أن أفعل هذا في CSS؟

Answer 1

ul {
  overflow: auto;  // allow li's to overflow w/ scroll bar
                   // at the bottom of the menu
}

li {
  white-space: nowrap; // stop the wrapping in the first place
}

Answer 2

استخدم white-space:nowrap. مثل ذلك:

li {
  white-space:nowrap;
}

إليك بعض الوثائق .

Answer 3

وأنت سوف تحتاج أيضا إلى إعطاء أسلوب المجاهدين:

ul{
 width:250px;
 overflow:auto;
}