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


Moderador: web

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

Como ter linhas e colunas igual tabela usando divs

19-04-2015 09:04

Nesse post vou mostrar um exemplo de como moldar algumas divs como se fossem tabelas.

Para fazer isso vamos precisar usar alguns valores específicos para o display no CSS.

display:table = tabela table
display:table-row = linha tr
display:table-cell = coluna td


Agora deixo um exemplo de divs que imitam o formato de uma tabela.

<div style="display:table;">   <div style="display:table-row;"> <div style="display:table-cell;">linha 1 - coluna 1</div> <div style="display:table-cell;">linha 1 coluna 2</div> </div>   <div style="display:table-row;"> <div style="display:table-cell;">linha 2 - coluna 1</div> <div style="display:table-cell;">linha 2 - coluna 2</div> </div>   </div>

2
A melhor hospedagem para o seu site HostGator!

Quem está online

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