Обрезать лишнее в div

[droni4]

Здравствуйте уважаемые!
Подскажите пожалуйста
как можно обрезать лишнее в блоке div: обрезать нужно длинные ссылки, что бы были в одну строчку и лишнее обрезалось
структура:

<div id="vid-post">
    {short-story}
    <div id="ful-link"><a href="{full-link}" title="{title}">{title}</a></div>
</div>

как выглядит сейчас


overflow: hidden применяю к id vid-post - не помогает...

 

[Denis_Pi]

overflow: hidden применяю к id vid-post - не помогает...

Это потому что по мимо overflow: hidden; нужно зафиксировать размеры - т.е. указать width и height

 

[droni4]

Это потому что по мимо overflow: hidden; нужно зафиксировать размеры - т.е. указать width и height

спасибо помогло а можно весь блок vid-post не трогать а только применить к ful-link
что бы обрубить лишнее

 

[Relaxbond]

Для тех кто не понял:
display:block;
width: ?px;
height: ?px;

 

[monia]

Возможно это вам поможет:
Truncate - обрезание (усечение) длины строки
Сниппет обрежет текст до определенного количества символов не обрезая слова и добавит в конце три точки.

 

[droni4]

Возможно это вам поможет:
Truncate - обрезание (усечение) длины строки
Сниппет обрежет текст до определенного количества символов не обрезая слова и добавит в конце три точки.

Это конечно было очень круто) но тут уже другой вопрос как прикрутить Truncate это к ссылкам dle...
если бы можно было это средствами css выполнять было бы на высшем уровне

 

[dema8912]

Средствами цсс нельзя по количеству символов обрезать, но можно чтобы при заданной ширине добавлялись три точки при обрезке
text-overflow: ellipsis;