3

Estou criando um menu onde terei vários botões. Para alinhar os botões eu uso uma lista ordenada simples. Quero saber se existe alguma forma de, quando não couber mais botões dentro da altura máxima do submenu, estes pularem para a direita.

1
  • 1
    poderia dar mais detalhes, mostrar o seu código? Temos um recurso interessante semelhante ao jsFiddle agora nos posts so Stack Overflow em Português, daí podemos ver o seu código e ajudar a conseguir o efeito desejado
    – Caputo
    Commented 16/10/2014 às 13:55

1 Resposta 1

6

Apenas com CSS é possível recorrendo às propriedades columns (Inglês):

/**CSS**/    
ol{
 height:100px;
 overflow:hidden;
 background: red;
 -webkit-column-count: 2;  -webkit-column-gap: 15px;
 -moz-column-count: 2;     -moz-column-gap: 15px;
 column-count: 2;          column-gap: 15px;
}
ol li{
 background: yellow;
 line-height:18px;
 margin-bottom:2px;
}
/**HTML**/
<ol>
<li>Opção 1</li>
<li>Opção 2</li>
<li>Opção 3</li>
<li>Opção 4</li>
<li>Opção 5</li>
<li>Opção 6</li>
<li>Opção 7</li>
<li>Opção 8</li>
</ol>

Nota: As formatações dadas é para ilustração visual, o importante é definir overflow:hidden; no contentor e aplicar as propriedades columns.

Ilustração do resultado no JSFiddle

1
  • 1
    Bacana, também não conhecia essa propriedade. Commented 16/10/2014 às 13:21

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .