Ao testar com alinhamento de div
, ambas tem a mesma finalidade
Mas qual seria a sua diferença?
Ao testar com alinhamento de div
, ambas tem a mesma finalidade
Mas qual seria a sua diferença?
inline-block
é a junção dos comportamentos inline
(ex.:ocupar apenas o espaço do conteúdo, não quebrar linha) e block
(ex.: dimensões configuráveis) em um único elemento HTML
float
faz com que o elemento flutue na direção especificada acima dos outros elementos HTML.
Eles podem ser parecidos porque o float adiciona algumas características que o inline-block
também possui, mas não todas.
Em algumas situações um pode substituir o outro, mas não necessariamente fazem a mesma coisa. De uma olhada nesse artigo http://www.tutorialwebdesign.com.br/display-vs-float/ que tem explicação com exemplos.
float
, mas achei interessante as comparações... talvez comece a testar o inline-block
também.
Commented
28/05/2015 às 15:02
Float: left;
The element floats to the left
Display:inline-block
Displays an element as an inline-level block container. The inside of this block is formatted as block-level box, and the element itself is formatted as an inline-level box
Basicamente, o float left só joga as coisas para a esquerda, já o inline-block seta que eles devem adquirir formato de linha enquanto houver espaço e quando o espaço acabar ele, em forma de bloco, quebra para a próxima linha.
Nos links do inicio tem exemplos.