Многоточие CSS-текста, включая ссылку «Дополнительно» ⇐ CSS

[Гость]

Итак, у меня есть следующий скрипт, который разместил многоточие в тексте в две строки. Затем я хочу, чтобы в тексте была встроена ссылка «Дополнительно».

http://jsfiddle.net/csYjC/2876/

Итак, если наш текст состоит более чем из двух строк, он должен выглядеть так:



Это верно. Однако:




Это неверно (должно быть встроено в текст).

Код выглядит следующим образом:
< бр />

Код: Выделить всё

Lorem ipsum dolor sit amet, Lorem Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, Lorem Lorem i
[url=#]More[/url]

And the css:

Код: Выделить всё

.text{
display: inline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
line-height: 24px;     /* fallback */
max-height: 48px;      /* fallback */
-webkit-line-clamp: 2; /* number of lines to show */
-webkit-box-orient: vertical;
}

.text a {
position: absolute;
}

I guess must be easy... Thank you in advance.


Источник: https://stackoverflow.com/questions/260 ... -more-link