Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17385
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Mudar de div horizontal para vertical em celular tablet

17-04-2015 12:58

Nesse script mostro como organizar as divs uma ao lado da outra na horizontal.
E quando a resolução for pequena, em celulares e tablets por exemplo as divs vão ficar organizadas uma abaixo da outra.

Um ótimo de exemplo para ter um layout responsivo com várias colunas.

<style> .div{ border:1px solid #ccc; float:left; } @media screen and (max-width: 600px) { .div{ clear:both; width:100%; } } </style>


<div> <div class="div">a</div> <div class="div">b</div> <div class="div">c</div> <div class="div">d</div> </div>

3
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum :rock:

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado