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을 제공해야합니다.

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