Grades de bloco de altura flexível com bloco em linha
Em uma grade flutuante, basta um elemento de grade ligeiramente mais alto para quebrar todo o layout. Se este não fosse um design responsivo, você poderia consertar a altura e …
Continuar lendoEtiqueta: inline-block
Cuidado com o “bloco em linha”
Como um desenvolvedor web front-end, saber como usar o bloco inline é essencial. Não apenas porque é um valor de propriedade CSS essencial, também é um daqueles canivetes suíços que …
Continuar lendoCross Browser Inline-Block
uma { display: -moz-inline-stack;display: inline-block;*display: inline;zoom: 1;vertical-align: top;width: 100px;min-height: 20px;_height: 20px;outline: 1px solid #DDD; }
Continuar lendoRemova o espaçamento extra de li {display: inline-block}
Existem duas maneiras de remover espaçamento extra de listas com li {display: inline-block}: a) Remova qualquer espaço em branco entre os elementos da lista (o que resulta em um código …
Continuar lendoRemova os espaços entre os elementos do bloco inline
.box-wrapper{ letter-spacing: -0.3em;}.box{ display: inline-block; letter-spacing: normal;} O valor -0.3emdepende da largura dos caracteres de espaço das fontes. Mas -0.3emdeve funcionar para a maioria das fontes.
Continuar lendo