Встроенный диапазон с минимальной шириной в IE

Question

Привет
у меня 3 SPAN это должно быть inline и есть и min-width,
По-видимому, в IE SPAN не может иметь min-width, Я пытаюсь использовать DIV но когда я ставлю это inline, min-width игнорировать

CSS

span {
    display: inline;
    min-width: 150px;
}

HTML

<span>1</span>
<span>2</span>
<span>3</span>

Answer 1

inline элемент не может взять width, height, vertical margin & padding, Итак, вы должны определить display:inline-block; напишите так:

span {
    display: inline-block;
    *display: inline;/* for IE7*/
    *zoom:1;/* for IE7*/
    min-width: 150px;
}

Источник: каскадные таблицы стилей, уровень 2, редакция 1 (CSS 2.1) Спецификация: 10.3 Расчет ширины и полей: 10.3.1 Встроенные незаменяемые элементы:

Свойство width не применяется. Вычисленное значение "auto" для "margin-left" или "margin-right" становится используемым значением "0".

проверьте это http://jsfiddle.net/yCvhB/5/

Answer 2

Основываясь на моем ответе на ответ Сандипа, вы можете использовать

span {
    display: inline-block;
    *display: inline;
    *zoom:1;
    width: auto !important;
    width 150px;
    min-width: 150px;
}

и это должно работать. Проверьте это jsfiddle: http://jsfiddle.net/ramsesoriginal/yCvhB/2/

Internet Explorer имеет некоторые проблемы с минимальной шириной и высотой, но в то же время он имеет проблемы с !importantТаким образом, используя это (и тот факт, что без указания переполнения каждый с является минимальной шириной для IE), мы можем получить что-то работающее.

Answer 3

Вы могли бы использовать заполнение.
поскольку вы сделали элемент встроенным, нет смысла указывать минимальную ширину.