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

Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17246
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
Criar site grátis Wix
Hospedagem de sites Hostgator
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