li nowrap дочерние элементы в IE7 не работают

Использование JQuery Я добавляю список элементов в div-слой.li nowrap дочерние элементы в IE7 не работают

Мой список элементов выполнены в виде,

<li> 
    <span>AAA BBB CCCCCCC</span> 
    <a href="#">Delete</a> 
</li>

Пожалуйста, смотрите изображение и наблюдать за последним элементом получения тормозится. enter image description here

Это происходит только в IE6 и IE7.

Пробовал пару все элементы с display:inlinefloat:left;display:inline-block

Как я могу остановить оберточной дочерние элементы.

Просьба предложить.

Заранее спасибо.

источник

2012-02-09 Max

Показать свой CSS. Не могу ничего сделать без CSS. –

Ваши предложения помогли мне исправить это на самом деле. Я добавил position: absolute для метки привязки и margin-right: 5px для li и исправил свою проблему.

Спасибо за ваши предложения, ребята.

источник

2012-02-09 13:32:30 Max

попробуйте display:block; , который должен выполнить работу. float:left; не имеет к этому никакого отношения!

источник

2012-02-09 11:33:39

Пробовал. Все еще не в состоянии это исправить. – Max

, а затем отправьте остальную часть своего кода css! но вы добавили блок отображения в свои ли позиции? Кстати, почему у вас есть пролет и тег? вы можете добавить текст пролета к вашему a или нет? –

Я не уверен в контексте этого вывода, но вы можете попробовать white-space: nowrap; на родительском ул

источник

2012-02-09 11:37:13 Alex

добавил. Все еще не в состоянии исправить это – Max

Следующая, кажется, работает:

ul { 
    white-space: nowrap; 
} 
li { 
    display: inline-block; 
    white-space: nowrap; 
}

JS Fiddle demo.

источник

2012-02-09 11:38:08

Извините, Дэвид, попробовал. Не работает – Max

Затем сделайте [JS Fiddle demo] (http://jsfiddle.net/), чтобы мы могли видеть, с чем вы работаете, и посмотреть, можем ли мы заставить его работать так, как вы этого хотите. –

Вы должны определить zoom с display:inline для IE7. Написать, как это: работа

ul{white-space: nowrap; 
} 

li span, li a{ 
display:inline-block; 
*display:inline;/* For IE7*/ 
*zoom:1;/* For IE7*/ 
}

Check этого в IE7 также http://jsfiddle.net/3jCF9/5/

Удалить float из вашего li, потому что white-space:nowrap не работает на float элементов.

источник

2012-02-09 11:39:22 sandeep

Извините, попробовал, все еще не в состоянии это исправить. – Max

проверить мой ответ – sandeep

li nowrap дочерние элементы в IE7 не работают

ответ

Смежные вопросы