Можно ли обернуть много текста ровно три раза, а затем добавить еще ссылку?

Question

У меня есть длинное описание чего-то, было запрошено, чтобы мой HTML волшебным образом обнаружил, когда текст обернут три раза, обрезал текст и добавил ссылку «еще ...», добавленную к последнему из 3строка текста.

Возможно ли это вообще?и если да, то как мне это сделать?Открыт для Javascript, JQuery, ASP, CSS, SQL и основных предложений HTML.

Answer 1

Если вы не используете моноширинный шрифт, это будет не слишком легко, поскольку разные буквы имеют разную ширину. Если у вас все в порядке с количеством символов, вы можете вычислить метод JS и заполнить только подстроку найденной длины и сделать ссылку / многоточие, чтобы обозначить их больше.

Метод, который вы можете использовать для достижения своей цели, состоит в том, чтобы использовать тег div с высотой ровно 3 строки текста (у вас будет несколько проб / ошибок) и указать желаемую ширину. HTML будет автоматически переноситься в пределах этой ширины. Затем вам нужно присвоить тегу div свойство style для overflow: hidden.

В этом случае оставшийся текст будет скрыт после 3 строк.

Тогда вы можете влево / вправо обосновать ссылку «Еще ...» ниже ... Я бы сделал это программно в JS, чтобы у вас не было ссылки «Еще ...» после описания, равного или меньшего чем 3 строки.

.

.

Оцените, пожалуйста, если полезно