Solución:
Por lo que puedo decir <img>
la etiqueta es la única inline-block
por defecto. Para estar seguro, recomendaría una clase, nunca se sabe cuándo cambiar todos los elementos de un cierto tipo volverá a morderlo. O bien, siempre puede crear su propia etiqueta y asignar display:inline-block;
lo. De esta manera, no está cambiando la funcionalidad predeterminada de los elementos estándar …
EDITAR
También parece que button
, textarea
, input
, y select
los elementos también son inline-block
Fuentes:
De acuerdo a esto img
es inline-block
http://dev.w3.org/html5/markup/img.html#img-display
Y aquí afirma que button
, textarea
, etc. también son: http://www.w3.org/TR/CSS2/sample.html
EDITAR # 2
Si bien la fuente anterior afirma que img
las etiquetas son inline-block
parece (gracias a Alohci) que son solo inline
http://jsfiddle.net/AQ2yp/
Se probó lo siguiente en Firefox:
button
es inline-block
: http://jsfiddle.net/GLS4P/
textarea
es inline
: http://jsfiddle.net/235vc/
input
es inline
: http://jsfiddle.net/RFKe8/
select
es inline-block
: http://jsfiddle.net/5B4Gs/
¿Hay alguno que por defecto sea
inline-block
?
Estrictamente hablando, no, no hay. Las especificaciones HTML de W3 nunca especifican valores de propiedad CSS predeterminados para alguna elementos. Proporcionan una “hoja de estilo predeterminada” para HTML 4, pero los desarrolladores solo alentado para usarlo, no es un requisito ni ningún tipo de mandato. Las especificaciones de HTML 5 indican “propiedades de visualización predeterminadas típicas” pero, de nuevo, no son necesarias (también tenga en cuenta que HTML 5 sigue siendo una borrador de trabajo de todos modos).
Eso deja todos los valores predeterminados en manos del navegador y cómo los desarrolladores creen que los elementos deberían mostrarse al usuario. Nadie puede garantizar que un elemento específico se mostrará como inline-block
o de cualquier otra forma en el navegador de alguien. Siempre debe establecerlo explícitamente si desea que suceda. No confíe en los “valores predeterminados”.
Si no es así, ¿qué nombre de etiqueta especial sería apropiado para que yo aplique ‘inline-block’ usando CSS? ¿O debería limitarme a usar una clase?
Esto depende de usted y de cómo está diseñando sus páginas. Siempre debe utilizar elementos que sean semánticamente apropiados para el contenido que contienen. Si el elemento siempre ser utilizado en un contexto que requerirá inline-block
display, por supuesto, configúrelo así en su hoja de estilo. De lo contrario, tendrás que recurrir a clases o selectores más específicos para que tus elementos se muestren correctamente.
Aquí hay un violín que obtiene el valor de visualización predeterminado para la mayoría de las etiquetas HTML.
Violín
En Chrome, los elementos de bloque en línea predeterminados son: "INPUT", "BUTTON", "TEXTAREA", "SELECT"