CSS Display inline-block issue with IE

Question

CSS Display inline-block issue with IE

Я столкнулся с проблемой с IE6 и IE7, и я надеялся, что у кого-то есть решение для меня, кроме того, чтобы не использовать IE6/7. Стоимость справа должна быть на той же линии, что и этикетка слева. Я могу получить это только для работы в FireFox, но в IE7, например, он помещает стоимость на строку ниже, хотя я использую встроенный блок. Yhelp был бы очень признателен

Примечание: я включил бордюры, чтобы видеть, что происходит...

Демонстрация моего выпуска: http://jsbin.com/ilese4/

Вот картина того, как он отображается в IE7.

текст Alt

569 1

css internet-explorer inline

1 ответ:

Comments

Ничего не найдено.

bluish · Accepted Answer · 2013-06-25 19:13:25

Эта ссылка может помочь решить эту проблему.: Кроссбраузерный Встроенный Блок

Самое меньшее, что вам нужно сделать, чтобы inline-block работал кросс-браузер (включая IE6/7):
.my-inline-block {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}
Возможно, вам потребуется исправить дополнительные причуды; подробности и пояснения приведены в ссылке...