Resultados da pesquisa a pedido "css3"
Centralizar horizontalmente os elementos em seu contêiner, evitando sobreposição
Encontrei um problema interessante de CSS hoje e tenho quebrado meu cérebro tentando resolvê-lo. Isso é semelhante ao problema trivial de "uma fileira de três elementos, à esquerda, à direita e ao centro", que pode ser facilmente resolvida com ...
justify-content: space-between com espaço igual entre o primeiro e o último item também [duplicado]
Esta pergunta já tem uma resposta aqui: Espaço igual entre itens flexíveis [/questions/45134400/equal-space-between-flex-items] 5 respostasQuero usar o flexbox para configurar uma grade elástica * simples ... .container{ display: flex; ...
Erro nas colunas do Chrome quando o número de colunas é menor que o número de colunas
Estou tendo um problema com o Chrome quando uso ocolumn-count propriedade. Eu tenho uma div onde dentro dela terei alguns itens, então definocolumn-count: 3; Quando tenho 3 itens ou mais, funciona bem, mas quando tenho apenas dois, eles não são ...
CSS: pseudo-classe não está funcionando
Estou aprendendo sobre o:not() pseudo classe e não está funcionando conforme o esperado. Quero colorir todo o texto em vermelho, exceto.mind. Por alguma razão, isso não está impedindo a.mind elemento de ser vermelho. :not(.mind) { color: red ...
Como o flex-wrap funciona com alinhar-se, alinhar itens e alinhar conteúdo?
align-selfNo código a seguir,align-self funciona comflex-wrap: nowrap. [/imgs/AJHct.png] flex-container { display: flex; flex-wrap: nowrap; align-content: flex-start; width: 250px; height: 250px; background-color: silver; } flex-item { flex: ...
-webkit-transição com display
Existe uma maneira de usar-webkit-transition comdisplay? Estou usando CSSdisplay ocultar e mostrar um nível de navegação no segundo nível… mas apenasdisplay: none edisplay: block em:hover é um pouco sexy ... umease seria ótimo ...
Flex: itens embrulhados com a mesma largura do resto
Estou usando o flex para criar uma lista de várias colunas que ajusta o número de colunas com base na largura do contêiner. O problema que encontrei é que, se eu quiser usar toda a largura do pai, configurando flex-grow como 1, os itens da ...
Por que a flex-box funciona com uma div, mas não com uma tabela?
O seguinte snippet simples resulta em uma única página da Web que ocupa o espaço de tela disponível com um cabeçalho na parte superior, um rodapé na parte inferior e o conteúdo principal ocupando o máximo de espaço possível (com uma borda ...
Adicionar linha divisória entre itens flexíveis com distribuição igual de espaço
Eu tenho uma lista com itens diferentes que têm larguras automáticas (nenhuma largura fixa pode ser fornecida no meu caso). eu usojustify-content: space-between porque meu primeiro item precisa começar no início do contêiner e meu último item no ...
Adicionar espaçamento entre colunas empilhadas verticalmente no Bootstrap 4
Infelizmente, não parece haver uma boa maneira de gerenciar o espaçamento vertical entre colunas que passam de uma pilha horizontal para uma pilha vertical em determinados pontos de interrupção. Parece haver umsolução quando um formulário está ...