Перенос слов

[Plexx]

вообщем проблема такая.
есть строчка цикл

автомобиль мотоцикл бревно


а иногда когда много слов получается что кнопка удалить переходит отдельно на новую строку

автомобиль мотоцикл бревно
автомобиль мотоцикл бревно


как избежать этого?

@темы: CSS, Вопросы

Comments

[Ms. Ada]

<div style="float:left; white-space:nowrap;">автомобиль <img src="cross.gif"></div>

или можно попробовать заключить в label с таким же nowrap, но без float.

[Plexx]

nowrap вытягивает фиксированный блок.
float не хочется употреблять это нужно еще both в отдельном диве прописывать.

Хочется простоты

[Ms. Ada]

Plexx

<label style=" white-space:nowrap;">автомобиль <img src="cross.gif"></label>

я же сказала второй вариант. Проверено на опыте - работает.

[Plexx]

второй вариант повторяю растягивает див блок

nowrap - Пробелы не учитываются, переносы строк в коде HTML игнорируются, весь текст отображается одной строкой

мне же нужно что бы слова с кнопками переносились а не отдельно

[La personne mystique]

Пробелы не учитываются, переносы строк в коде HTML игнорируются, весь текст отображается одной строкой

Вы что-то перепутали. Этот прием всегда использовался именно для таких целей.
photonid.com/garbage/test.php

[Ms. Ada]

La personne mystique о, я span забыла упомянуть! Благодарю

[Plexx]

La personne mystique это написано тут www.htmlbook.ru/css/white-space.html

все понял в чем ошибка растягивания.
у меня разделения слов делалось implode ом убил и просто в конце поставил пробел и блок не стал разъезжаться...

Спасибо за помощь

[Kuroi Kitsune]

Я честно хренею.
А простой nbsp уже не в моде?

авто&nbsp;<img src="..." />

И короче и проще.

[La personne mystique]

Kuroi Kitsune,   работает только в тексте между словами. Другие элементы (в т.ч. картинки) при этом все равно переносятся: photonid.com/garbage/test.php

[Plexx]

да да тоже проверил.. поставил 2 nbsp и стало переносить кнопку.. пришлось обойтись одним пробелом