HTML CSS LI Embrulho

Question

Eu tenho um menu vertical no meu sistema que é basicamente feito de HTML ul / li com estilo CSS (veja imagem abaixo). No entanto eu não quero os itens li que são mais largas do que o menu para embrulhar, eu preferiria los ao transbordamento com uma barra de rolagem horizontal na parte inferior do menu. Como posso fazer isso em 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

Use white-space:nowrap. Como assim:

li {
  white-space:nowrap;
}

Aqui estão algumas documentação .

Answer 3

Você também precisa dar o estilo da ul:

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