Обрезка лишнего текста

[angangell]

Всем привет!

Нужно сверстать вот такой вот блок с текстом

 

И нужно поставить "обрезание" текста в случае если комментарий будет больше 3-х рядков

Вот что у меня получилось

 

Как же его правильно сделать ?

[wwt]

http://jsfiddle.net/6g61ewdL/

[DivMan]

overflow: hidden 

[angangell]

overflow: hidden 

Не помогает

[DivMan]

ссылку на вёрстку 

[angangell]

ссылку на вёрстку 

http://sattori.ru/verstka/index.html

[DivMan]

Зачем так много вложенных блоков?

Зачем для класса recall-layout задал высоту 400px?

Почему, после того, как задал флоат, не прописал очистку? 

 

У класса recall-layout измени высоту на 90px и ему же добавь overflow: hidden

[coolhtml]

$(function () {  $('.recall-text').each(function () {  var textName = $(this).text()    if (textName.length > 150) {      newTextName = textName.slice(0, 150);      $(this).text(newTextName + '...');    }    else {      $(this).text(textName);    }  });});

Простейший код. Поставьте вместо 150 в двух местах нужное кол-во симоволов.

[wwt]

Простейший код. Поставьте вместо 150 в двух местах нужное кол-во симоволов.

Если уж обрезать строку, то это лучше сделать на стороне сервера сразу:

echo mb_substr($text, 0, 150);

[coolhtml]

Если уж обрезать строку, то это лучше сделать на стороне сервера сразу:

Лучше конечно. 

echo mb_substr($text, 0, 150)

 

Но это создаст новые вопросы у тс, в какой файл это вставить...

[amelice]

$(function () {  $('.recall-text').each(function () {  var textName = $(this).text()    if (textName.length > 150) {      newTextName = textName.slice(0, 150);      $(this).text(newTextName + '...');    }    else {      $(this).text(textName);    }  });})

этот кусок в коде лишний )

 else {    $(this).text(textName); } 

[coolhtml]

этот кусок в коде лишний )

Если только со стороны женской логики) 

[angangell]

Всем спасибо!

Меня больше интересовал метод обрезки методами HTML+CSS.

Пока что подключать JS или же сам PHP у меня нету желания (ибо еще не дорос)

 

Еще раз всем спасибо!)

[amelice]

 

Если только со стороны женской логики) 

 

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

[wwt]

 

этот кусок в коде лишний )

Если только со стороны женской логики) 

 

с точки зрения мужской тоже самое. В коде если строка больше 150 символов она обрезается и ей добавляется троеточие, во всех остальных случаях она останется не измененной, и нет смысла перегружать содержимое =)

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

[angangell]

1.)Зачем так много вложенных блоков?

2.)Зачем для класса recall-layout задал высоту 400px?

3.)Почему, после того, как задал флоат, не прописал очистку? 

 

1.да вроде нету лишних

 

2.Ошибка)Там не должна быть задана высота.Уберу

3. Да вроде как прописал clearfix.

[coolhtml]

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

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

 

Привык в else всегда что-нибудь писать. бэдпрактик?

[wwt]

Привык в else всегда что-нибудь писать. бэдпрактик?

 

избыточный код да не комильфо =) Хотя сам бывает так делаю, но в основном только если у меня есть какая-то идея которую хочу сделать чуть позже, а потом забываю или нужда отпадает =) через какое-то время затираю такие места.