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

Question

Используя JQuery, я добавляю список элементов в слой div.

Мой список элементов построен следующим образом:

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

Пожалуйста, смотрите изображение и наблюдайте, как последний элемент тормозится.

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

Попытка соединить все элементы с помощью display:inline display:inline-block float:left;

Как мне остановиться?упаковка дочерних элементов.

Пожалуйста, предложите.

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

Answer 1

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

ul{white-space: nowrap;
}

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

Проверьте это, это работает в IE7 также http://jsfiddle.net/3jCF9/5/

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

Answer 2

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

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

JS Fiddle demo .

Answer 3

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

Answer 4

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

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

Answer 5

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