Hace un año, no había ningún artículo sobre el atributo en línea en línea en Internet. Para facilitar a todos para comprender mejor el atributo, resumí y compilé el artículo "Profundidad: comprensión profunda de la pantalla: bloque en línea".
Ahora hay una creciente demanda de la aplicación de atributos en línea de bloque. Desafortunadamente, solo Firefox3 Beta, IE8 Beta, Opera y Safari admiten los atributos en línea de bloque (nota: solo la ópera y el safari los admiten), pero IE6 e IE7 pueden simular activando a Hastaut. Firefox2 tiene los atributos privados de la caja-enline-box y -Moz-en línea (la comparación de estos dos atributos se cita de los "dos ejemplos de aplicación de la aplicación de la pantalla: bloque en línea").
En las aplicaciones reales, la caja de MOZ-en línea tendrá problemas como la alineación entre elementos. Aunque Firefox también tiene una propiedad privada -Moz-Box-Align para ayudar a resolver el problema de alineación, todavía es difícil predecir muchos problemas. Relativamente hablando, -MOZ-Line-stack se desempeña más como bloque en línea, que se puede probar en Firefox3. Sin embargo, también habrá un error cuando se use -Moz-Inline-Stack. Si el elemento exterior de una pantalla: -Moz-Inline-Stack; se muestra: en línea; lo que hará que los enlaces contenidos en Firefox no se puedan recluir, y esto debe resolverse por posición: relativo;
El código final que simulamos es el siguiente:
Pantalla: bloque en línea; /*Firefox3 Beta, IE8 Beta, Opera, Safari Support, Haslayut desencadenando el elemento en línea en IE*/
Display: -Moz-Inline-Stack; / * Atributos privados de Firefox, también puede usar -Moz-Inline-Box */
Zoom: 1; /*Es decir, disparador Haslayout*/
*Pantalla: en línea; /*Una vez que Hasloutout se active en IE, configurar el elemento de bloque en línea hará que la pantalla: Efecto en línea similar a la pantalla: bloqueo en línea*/
text-indent: -9999px;
*INDENT DE TEXTO: 0;
tamaño de fuente: 0;
Línea de altura: 0; /* Si desea ocultar texto, estos cuatro atributos se pueden usar*/
/*Además, el texto oculto anteriormente se puede ocultar, y se puede usar un método más simplificado: Línea de altura: valor súper grande; tamaño de fuente: 0; */
desbordamiento: oculto; /* Ocultar contenido de desbordamiento*/
Align vertical: medio; /* Centrado vertical dentro de la línea, para la desviación más grande de Opera*/
ancho:? px; /*? es cualquier valor no autoconsiviente*/
altura:? px; /*? es cualquier valor no autoconsiviente*/