Проблемка с обрезаением текста.

R
На сайте с 03.08.2012
Offline
131
576

В div блок размером 500x200px помещаеться текст, который отправил пользователь. Нужно както сделать чтобы этот текст помещался в этот блок. Первый вариант который приходит в голову сделать обрезание текста, скажем до 300 символов.

Но хорошо если пользователь напишет:

"текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст "

Все будет нормально выглядить, но если он напишет:

"текст
текст
текст
текст
текст
текст
текст
текст
текст "

Т.е. с переносами на новую строку, то несмотря на то, что текст обрежеться, он все равно не влезит в блок. Как сделать чтобы текст обрезался не по колво символов, а по блоку?...

B1
На сайте с 13.12.2012
Offline
28
#1

к блоку div использовать стиль:

<div style="overflow: hidden;">bla-bla-bla....</div>

то, что выходит за приделы блока будет скрыто. резать не надо.

[Удален]
#2

revered, ну если серьёзно извращаться, то текст должен быть помещён в ещё один контейнер (div), измеряете его высоту с помощью js, потом сравниваете с допустимыми размерами, обрезаете и так в цикле пока не влезет 🤪

или просто заменить переносы пробелами и обрезать по длине :)

R
На сайте с 03.08.2012
Offline
131
#3

overflow не помог :( Незнаю, влият это или нет, но у блоков стоит обсолютное позиционирование

R
На сайте с 03.08.2012
Offline
131
#4

Спасибо! Работает, сперва не работоло, потомучто высоты у блока не стояло:)

DiAksID
На сайте с 02.08.2008
Offline
236
#5

в бутстрапе есть такой полезный mixin:


.text-overflow {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

типа "кошерного обрезания"...

show must go on !!!...
Ayavryk
На сайте с 11.10.2003
Offline
209
#6
DiAksID:
типа "кошерного обрезания"...

В начале было Слово. И Слово...

Слово обрезать по-любому некошерно. Слово - не член.

у себя сделал что-то типа фильтра.

Если:

"Слово

Слово

Слово

Слово"

автор идет лесом + сообщение модератору.

Но если укладывается в минимальный стихотворный размер, то урезается до четырех строк.

Тынгыр, мынгыр, комсомол (http://erum.ru). Ехари, ехари, (жалобно) аяврик. /народная тунгусская песня/
DiAksID
На сайте с 02.08.2008
Offline
236
#7
Ayavryk:
... Но если укладывается в минимальный стихотворный размер, то урезается до четырех строк.

имхо: обрезка "на полуфразе" выглядит предпочтительнее чем "..." в конце законченного фрагмента. да и такие css-фичи обычно используются вместе с strip-tags и заменой переносов на пробелы, за неимением лучшего варианта - заполненного отдельного поля аннотации.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий