Há um ano, não havia artigo sobre o atributo em linha em linha na Internet. Para facilitar todos para entender melhor o atributo, resumi e compilei o artigo "Profundidade: compreensão aprofundada da exibição: Block Inline".
Agora, há uma demanda crescente pela aplicação de atributos em bloqueio em linha. Infelizmente, apenas o Firefox3 Beta, IE8 Beta, Opera e Safari suportam os atributos de bloco embutido (Nota: Somente ópera e safari os suportam), mas o IE6 e o IE7 podem simular acionando o Haslayout. O Firefox2 possui atributos privados -moz-inline-box e -moz-Inline-Stack Private (a comparação desses dois atributos é citada nos "dois exemplos de aplicação de exibição de Qin GE: Block Inline").
Em aplicações reais -moz-inline-box terá problemas como o alinhamento entre os elementos. Embora o Firefox também tenha um alinhamento de propriedade privada para ajudar a resolver o problema de alinhamento, ainda é difícil prever muitos problemas. Relativamente falando, -Moz-Inline Stack tem um desempenho mais parecido com o bloqueio embutido, que pode ser testado no Firefox3. No entanto, também haverá um bug ao usar -moz-inline-Stack. Se o elemento externo de uma tela: -moz-inline-staack; é exibido: inline; que fará com que os links contidos no Firefox não tocem, e isso precisa ser resolvido por posição: relativa;.
O código final que simulamos é o seguinte:
Exibição: bloco embutido; /*Firefox3 beta, ie8 beta, ópera, suporte de safári, haslayout desencadeando o elemento embutido no IE*/
Exibição: -moz-inline Stack; / * Atributos privados do Firefox, você também pode usar -moz-inline-box */
zoom: 1; /*IE Trigger HasLayout*/
*Display: Inline; /*Depois que o HasLayout for acionado no IE, definir o elemento de bloco como embutido fará com que a exibição: efeito embutido semelhante à exibição: Block inline*/
Indente de texto: -9999px;
*Indente de texto: 0;
tamanho de fonte: 0;
altura da linha: 0; /* Se você deseja ocultar o texto, esses quatro atributos podem ser usados*/
/*Além disso, o texto oculto acima pode ser oculto e um método mais simplificado pode ser usado: altura da linha: valor super grande; tamanho de fonte: 0; */
estouro: oculto; /* Ocultar conteúdo de transbordamento*/
Alinhamento vertical: meio; /* Centro vertical dentro da linha, para o desvio maior da ópera*/
largura:? px; /*? é qualquer valor não automático*/
altura:? px; /*? é qualquer valor não automático*/