Ir para conteúdo
Fórum Script Brasil
  • 0

Como mesclar células "table-cell"?


Reinilton

Pergunta


Estou usando divs como tabela e quero mesclar células "table-cell"?

No exemplo abaixo tem uma tabela com duas linhas e duas colunas e tenho que mesclar as duas células da segunda linha

/////////  HTML  //////////////

<div class=tabela>
    <div class=linha id=nome>
        <div class=celula>
            <p>um</p>
        </div>
        <div class=celula id=txtNome>
            <p>dois</p>
        </div>
    </div>

    <div class=linha>
        <div class=vazia>
        </div>
        <div class=botoes>
            <p>tres</p>
        </div>         
    </div> 
</div>  


///////  CSS  ////

.tabela{
    display: table;
}    

.linha{
    display: table-row;
}

.celula{
    display: table-cell;
}

Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,8k
×
×
  • Criar Novo...