Я нашел этот вопрос здесь, на SO, и решение довольно простое:
jsfiddle: http://jsfiddle.net/Y5vpb/
html:
Lorem Ipsum — это просто текст-пустышка полиграфической и наборной индустрии. Lorem Ipsum был стандартным текстом-пустышкой в отрасли с 1500-х годов, когда неизвестный типограф взял гранку шрифта и переделал ее, чтобы придать ей вид образца шрифта. css:
диапазон{ дисплей: встроенный блок; ширина: 180 пикселей; пробел: nowrap; переполнение: скрыто! важно; переполнение текста: многоточие; } И он работает так, как и ожидалось, он печатает: Lorem Ipsum просто du...
Теперь то же самое, что я хотел бы, но все время терпел неудачу, создать на следующем примере:
jsfiddle: http://jsfiddle.net/9HRQq/
html:
"Быстрая коричневая лиса прыгает через ленивую собаку" — англоязычная панграмма, то есть фраза, содержащая все буквы английского алфавита. Он использовался для тестирования пишущих машинок и компьютерных клавиатур, а также в других приложениях, включающих все буквы английского алфавита. Благодаря своей краткости и связности он получил широкую известность. css:
.textContainer{ ширина: 430 пикселей; плыть налево; маржа сверху: 10 пикселей; граница: 1 пиксель, сплошная черная; } .текст { размер шрифта: 24 пикселей; высота строки: 24 пикселей; начертание шрифта: жирный; цвет: #047F04; дисплей: блок; пробелы: нормально; переполнение: скрыто! важно; переполнение текста: многоточие; высота: 99 пикселей; } .изображение { плавать: вправо; позиция: абсолютная; верх: 85 пикселей; справа: 10 пикселей; ширина: 108 пикселей; высота: 42 пикселей; } Скажите, пожалуйста, как мне добиться того, чтобы в моем примере поместить ... в конце строки?
