Pular para o conteúdo principal

Postagens

Mostrando postagens de janeiro, 2019

Separar vários elementos em várias colunas

Um problema comum nas páginas HTML é existir uma lista enorme de campos checkbox e a pessoa querer separá-las em várias colunas, de acordo com a largura da tela, evitando assim ter que ficar rolando a página. Usar apenas um float a esquerda nos elementos com largura fixa não é a melhor solução, pois a ordem alfabética fica confusa, deixando de ser de cima para baixo, como um dicionário, e passa a ser da esquerda para a direita. Criei então em javascript uma solução para este problema: HTML: < div > < div class= "checkbox" > < label >< input type= "checkbox" name= "" id= "" > A </ label > </ div > < div class= "checkbox" > < label >< input type= "checkbox" name= "" id= "" > B </ label > </ div > < div class= "checkbox" > < label >< input type= "checkbox&qu