2012-02-10 29 views

Respuesta

14

Básicamente, es una manera de hacer los elementos en línea, pero conservando sus capacidades de bloques tales como el establecimiento de anchura y altura, márgenes superior e inferior y los acolchados etc. Por ejemplo:

Inline-block demo

(Fuente: http://www.impressivewebs.com/inline-block/)

4

inline-block trata el elemento como otros elementos en línea, pero permite el uso de propiedades de bloque.

Elementos con pantalla: los bloques ocupan tanto ancho como están permitidos y normalmente comienzan en una nueva línea.

+0

Ah, es bueno saber sobre el aspecto de la 'nueva línea'. 'inline-block' es bastante ingenioso. – DnfD

0

Este es un artículo detallado maravilloso de este tema: What’s the Deal With Display: Inline-Block?

+0

Tenga en cuenta que [las respuestas solo de enlace] (http://meta.stackoverflow.com/tags/link-only-answers/info) no se recomiendan, las respuestas SO deberían ser el punto final de una búsqueda de una solución (vs. otra escala más de referencias, que tienden a quedar obsoletas en el tiempo). Considere agregar una sinopsis independiente aquí, manteniendo el enlace como referencia. – kleopatra

+0

@kleopatra agradece la nota, y la tendré en cuenta la próxima vez. – Amr