Resultados da pesquisa a pedido "fluid-layout"

3 a resposta

Como centrar o recorte de uma imagem (<img>) no recipiente de largura de fluido

Como faço para que uma imagem permaneça centralizada quando seu contêiner de largura de fluido (com base em porcentagem) é muito pequeno para mostrar a image...

2 a resposta

Layout Líquido de Coluna CSS 3 Coluna Dinâmico de Mesma Coluna

Eu estou querendo saber como fazer um layout de css coluna 3 (15%, 70%, 15%) líquido tem colunas de altura igual dinâmica onde cada coluna coincide com a alt...

4 a resposta

Tabelas responsivas, de maneira inteligente

2 a resposta

Layout de 3 colunas (fixo, fluido, fixo) com largura mínima

Eu pesquisei na web e simplesmente não consigo encontrar um layout de 3 colunas limpo, simples e fácil de navegar. Eu estou procurando ter um layout de 3 colunas, a coluna esquerda sendo fixada em 200px, a coluna direita sendo fixada em 200px e ...

2 a resposta

Dimensionar imagem com CSS, mas limitar ao tamanho original

Para um design responsivo, eu gostaria de reduzir algumas imagens: img { width:100%; height:auto; }Isso funciona como esperado, mas se a largura da tela exceder o tamanho original da imagem, ela explode. Existe uma maneira de limitar esse ...

3 a resposta

Percentual de largura e div de CSS Div sem preenchimento do layout

Pode haver uma solução simples para isso, mas isso me incomoda há séculos ... Deixe-me explicar a situação. Eu tenho uma div com o ID 'container' que contém todo o conteúdo da página (incluindo cabeçalho e rodapé também) que manterá tudo em ...

4 a resposta

Diversas divs flutuantes centradas em um layout líquido

Tenho uma ideia para um layout que gostaria de usar, mas não consigo que funcione corretamente. Espero que alguém aqui possa ajudar, pois passei horas pesquisando. O layout é assim. Uma div de wrapper abriga 6 divs de filhos. Esses divs filhos ...

4 a resposta

Como forçar espaço entre uma tabela css (página da web responsiva)

Eu tenho uma tabela CSS e gostaria de ter espaço entre as células, mas não à esquerda da primeira imagem e à direita da última imagem. Aqui está uma captura de tela do que eu tenho: [/imgs/9nL6H.jpg]Aqui está uma captura de tela do que eu ...

1 a resposta

Manter a proporção de uma div de acordo com a altura [duplicado]

Esta pergunta já tem uma resposta aqui: Mantenha a relação de aspecto div de acordo com a altura [/questions/26438388/maintain-div-aspect-ratio-according-to-height] 4 respostas Eu tenho que mantenha a relação de aspecto de uma div em relação à ...

1 a resposta

Por que o conteúdo mínimo não funciona com preenchimento automático ou ajuste automático?

Basicamente, eu não entendo por que isso funciona: .grid { display: grid; grid-template-columns: repeat(4, min-content); }Mas isso não funciona: .grid { display: grid; grid-template-columns: repeat(auto-fill, min-content); } Realmente desejo ...