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

Тема в разделе "Верстка", создана пользователем droni4, 11 апр 2014.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. droni4

    droni4

    Регистр.:
    21 авг 2007
    Сообщения:
    181
    Симпатии:
    7
    Здравствуйте уважаемые!
    Подскажите пожалуйста
    как можно обрезать лишнее в блоке div: обрезать нужно длинные ссылки, что бы были в одну строчку и лишнее обрезалось
    структура:
    Код:
    <div id="vid-post">
        {short-story}
        <div id="ful-link"><a href="{full-link}" title="{title}">{title}</a></div>
    </div>
    
    как выглядит сейчас
    2014-04-11_105643.jpg

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

    Denis_Pi Art сreator

    Заблокирован
    Регистр.:
    8 май 2012
    Сообщения:
    398
    Симпатии:
    214
    Это потому что по мимо overflow: hidden; нужно зафиксировать размеры - т.е. указать width и height
     
    droni4 нравится это.
  3. droni4

    droni4

    Регистр.:
    21 авг 2007
    Сообщения:
    181
    Симпатии:
    7
    спасибо помогло а можно весь блок vid-post не трогать а только применить к ful-link
    что бы обрубить лишнее
    2014-04-11_124637.jpg
     
  4. Relaxbond

    Relaxbond Создатель

    Регистр.:
    28 май 2013
    Сообщения:
    19
    Симпатии:
    7
    Для тех кто не понял:
    display:block;
    width: ?px;
    height: ?px;
     
  5. monia

    monia

    Регистр.:
    27 июл 2007
    Сообщения:
    421
    Симпатии:
    68
    Возможно это вам поможет:
    Truncate - обрезание (усечение) длины строки
    Сниппет обрежет текст до определенного количества символов не обрезая слова и добавит в конце три точки.
     
  6. droni4

    droni4

    Регистр.:
    21 авг 2007
    Сообщения:
    181
    Симпатии:
    7
    Это конечно было очень круто) но тут уже другой вопрос как прикрутить Truncate это к ссылкам dle...
    если бы можно было это средствами css выполнять было бы на высшем уровне
     
  7. dema8912

    dema8912 Писатель

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