Год назад в Интернете не было статьи об атрибуте «Встроенный блок». Чтобы облегчить всем, чтобы лучше понять атрибут, я суммировал и собрал статью «Глубина: глубокое понимание дисплея: встроенный блок».
Теперь растет спрос на применение атрибутов встроенного блока. К сожалению, только бета Firefox3, IE8 Beta, Opera и Safari поддерживают атрибуты встроенного блока (примечание: только опера и сафари поддерживают их), но IE6 и IE7 могут имитировать, запуская Haslayout. Firefox2 имеет частные атрибуты -мос-в-линии и -моз-встроенные атрибуты (сравнение этих двух атрибутов цитируется из «двух примеров применения дисплея: встроенный блок»).
В фактических приложениях -мос-в-линии будет иметь такие проблемы, как выравнивание между элементами. Несмотря на то, что Firefox также имеет контракт с частной собственностью-мозом, чтобы помочь решить проблему выравнивания, все еще трудно предсказать многие проблемы. Относительно говоря, -moz-inline-stack работает больше как встроенный блок, который можно проверить в Firefox3. Тем не менее, также будет ошибка при использовании -моз-inline-stack. Если внешний элемент дисплея: -moz-inline-stack; отображается: inline; что сделает ссылки, содержащиеся в Firefox, неизбельными, и это должно быть решено по позиции: относительно;.
Окончательный код, который мы смоделировали, заключается в следующем:
дисплей: встроенный блок; /*Firefox3 Beta, IE8 Beta, Opera, Safari Support, Haslayout запускает встроенный элемент в соответствии с IE*/
дисплей: -moz-inline-stack; / * Личные атрибуты Firefox, вы также можете использовать -moz-inline-box */
Увеличение: 1; /*Т.е. триггер Haslayout*/
*дисплей: inline; /*Как только Haslayout запускается в соответствии с IE, настройка элемента блока на линию сделает дисплей: встроенный эффект, аналогичный дисплею: inline block*/
текстовый: -9999px;
*текстовый: 0;
размер шрифта: 0;
высота линии: 0; /* Если вы хотите скрыть текст, эти четыре атрибута могут быть использованы*/
/*Кроме того, текст, скрытый выше, может быть скрыт, и можно использовать более упрощенный метод: высота линии: супер большое значение; размер шрифта: 0; */
переполнение: скрыто; /* Скрыть контент переполнения*/
Вертикальная атака: средняя; /* Вертикальное центрирование внутри линии, для большего отклонения оперы*/
ширина:? px; /*? какое-либо неавтофункциональное значение*/
высота:? px; /*? какое-либо неавтофункциональное значение*/