Resultados da pesquisa a pedido "flexbox"

3 a resposta

Flexbox vs Twitter Bootstrap (ou estrutura semelhante) [fechado]

Eu descobri recentementeFlexbox quando eu estava procurando uma solução para fazer divs a mesma altura, dependendo da mais alta. Eu li opágina seguinte [http://css-tricks.com/snippets/css/a-guide-to-flexbox/] no CSS-tricks.com e me convenceu de ...

2 a resposta

O uso do flex de exibição em um botão faz com que ele seja quebrado no Firefox

Por alguma razão, o uso do display Flex como esse faz com que os itens envolvam um no topo do outro no Mozilla. Existe uma razão para isso? No Chrome, ele funciona bem e eles estão em uma linha no meio. Raposa de fogo cromada button.primary ...

2 a resposta

Estouro de texto do Firefox com o nowrap ignorado (o Chrome funciona)

Eu criei um JSFiddle com o problemaaqui [http://jsfiddle.net/58wuj3hc/5/] Isso funcionou no Firefox v33 e v33.1, no entanto, falhou em 34-35. Isso funciona corretamente no Chrome e no IE11. Pode ser um bug no Firefox, mas não tenho certeza. ...

2 a resposta

Como fazer com que todas as linhas de uma lista de grade tenham o mesmo número de itens (usando o Flexbox)? [duplicado]

Esta pergunta já tem uma resposta aqui: O flexbox pode dividir itens igualmente em várias linhas? [/questions/22085646/can-flexbox-divide-items-evenly-on-multiple-rows] 3 respostasEu uso o seguinte CSS ...

4 a resposta

Centralizar o caractere de texto ☢ vertical e horizontalmente dentro de um círculo (CSS)

Estou tentando centralizar esse caractere de texto ☢ dentro de um círculo. (& # 9762;) Enquanto o IE 10 exibe o texto centralizado na vertical e na horizontal, o Chrome e o Firefox renderizam muito preenchimento na parte superior. Alguma idéia ...

5 a resposta

Por que <fieldset> não pode ser contêineres flexíveis?

Eu tentei criar umfieldset elemento comdisplay: flex edisplay: inline-flex. No entanto, não funcionou:flex comportou-se comoblockeinline-flex comportou-se comoinline-block. Isso acontece no Firefox e no Chrome, mas estranhamente funciona no ...

3 a resposta

O Chrome 40 quebrou a substituição de justificar conteúdo CSS?

Notei com a atualização de hoje do Chrome 40 quejustify-content parece não ser substituído adequadamentepor declarações de estilo subsequentes. Vejoesse violino [http://jsbin.com/nocoperimu/2/edit]Por exemplo: <div class="flex-parent"> <div ...

1 a resposta

Como o `flex-grow: 0` é interpretado?

Eu me pergunto seflex-grow:0 no modelo Flexbox significa width:0 ou"crescer = 0".Se isso significa o último, é salvo dizer que isso é igual awidth:auto edisplay:inline-block, ou seja, leva a largura necessária para exibir?

2 a resposta

Por que as imagens dos itens do flexbox são redimensionadas de acordo com o tamanho inicial?

Tenho quatro imagens: duas pequenas e duas grandes (dimensões mostradas em html). Todos eles têm sua largura de img definida como 100%, mas sua div principal está definida para uma largura específica. Quando redimensiono a janela do navegador, as ...

1 a resposta

base flexível: Webkit / Blink ignoram a proporção intrínseca

Dado um contêiner flexível figure { display: flex; align-items: flex-start; }e uma imagem de 300 x 300 com sua base flexível definida pela metade da largura intrínseca: figure img { flex: 0 0 150px; }O Chrome 41 e o Safari 7 ignoram a proporção ...