Resultados da pesquisa a pedido "css3"
Por que o percentual de preenchimento / margem não funciona em itens flexíveis no Firefox e Edge?
Eu quero ter uma div quadrada dentro de um flexbox. Então eu uso: .outer { display: flex; width: 100%; background: blue; } .inner { width: 50%; background: yellow; padding-bottom: 50%; }<div class="outer"> <div class="inner"> <a>hehe</a> ...
Flexbox no IE11: imagem esticada sem motivo?
Estou tendo um problema com o flexbox no IE11 e, embora saiba que há muitos problemas conhecidos, não consegui encontrar uma solução ... <div class="latest-posts"> <article class="post-grid"> ...
Converter div em imagem para download
Este é o código que estou usando para converter div em imagem e fazer o download usando html2canvas.js <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script ...
Existe uma maneira CSS de saber se um elemento foi agrupado em uma nova linha?
Se eu tiver vários elementos de bloco embutido em uma linha, desejo poder estilizar os elementos que foram agrupados na próxima linha de maneira diferente. por exemplo. <div class='wrapper'> <div style='display: inline-block; width: ...
A transição CSS falha no retorno de chamada do jQuery .load
Eu tenho uma função que carrega html em uma tabela com jQuery e posteriormente adiciona uma classe a uma das linhas com o retorno de chamada. A função é acionada por vários eventos controlados pela interface do usuário na página. Eu também tenho ...
Flexbox - justify-content: center e align-items: center não está funcionando?
Eu tenho uma configuração flexível bastante básica e, por qualquer motivo, a div em questão não será centralizada verticalmente dentro de sua tag pai. Você pode ver o caso de teste isolado abaixo. .likeness-rank-table { border-radius: 3px; ...
Duas colunas e, quando uma está oculta, a outra expande toda a largura
Existe uma maneira com css puro de fazer com que 2 divs ocupem 50% de largura e, em seguida, defina uma propriedade css comodisplay:none em1das divs, faz com que a outra ocupe 100% de largura? Estou procurando uma solução em que eu preciso ...
Layout de estilo do Pinterest com CSS, mas empilhado horizontalmente em vez de verticalmente [duplicado]
Esta pergunta já tem uma resposta aqui: Layout de alvenaria somente CSS [/questions/44377343/css-only-masonry-layout] 1 respostaEstou tentando criar um layout de estilo pinterest sem usar o Packery ou qualquer JS. Eu tentei usar colunas CSS3, ...
Por que o ajuste de objeto não está funcionando no flexbox?
Eu tenho várias colunas que estou dando largura igual usando flex. Cada um contémimg tags e gostaria que essas imagens exibissemobject-fit: cover dimensionamento. .container { display: flex; flex-direction: row; width: 100%; } .test { flex: ...
Colunas de altura igual com conteúdo centralizado no flexbox
Eu gostaria de ter duas colunas de igual altura e seu conteúdo deve estar alinhado ao meio, portanto, no centro de cada div. Problema:'altura igual' e 'alinhado ao meio' parecem se excluir, um não funciona com o outro. Pergunta, questão:Como ...