Как ограничить вывод текста?

Тема в разделе "Веб-дизайн", создана пользователем Bowa, 24 сен 2009.

Статус темы:
Закрыта.
Модераторы: zek24
  1. Bowa

    Bowa Постоялец

    Регистр.:
    28 июл 2007
    Сообщения:
    78
    Симпатии:
    6
    Подскажите пожалуйста, возможно ли через CSS ограничить вывод текста? Имеется ввиду, выводится текст "<BLABLA BLABLA BLABLA BLABLA" а надо чтобы он обрезался "BLABLA BLAB..."
     
  2. Kervi

    Kervi Создатель

    Регистр.:
    12 сен 2007
    Сообщения:
    30
    Симпатии:
    2
    только через css нет.
     
  3. Bowa

    Bowa Постоялец

    Регистр.:
    28 июл 2007
    Сообщения:
    78
    Симпатии:
    6
    а в PHP можно? и как это сделать?
    вот это выводит текст...
    PHP:
    <div style="float: right;" >
    <?php echo $total_products ?>
    </div>
    как сделать что бы выводило максимум 10 символов и после того что выведет просто ...
     
  4. senex

    senex Писатель

    Регистр.:
    14 июл 2007
    Сообщения:
    8
    Симпатии:
    1
    На PHP через wordwrap, на CSS через ограничение размеров дива и указать этому диву overflow:hidden.
     
  5. omfg

    omfg

    Регистр.:
    4 авг 2009
    Сообщения:
    159
    Симпатии:
    46
    Кто сказал что такого нет в css?
    Можно ограничить размер дива как это было сказано выше + еще есть очень хорошее свойство text-overflow:ellipsis; и -o-text-overflow: ellipsis;(для оперы). Поддерживается ие и вебкитом, т.е. фф к сожалению единственный кто не поддерживает.
    Делает вот что:
    [​IMG]
     
  6. WIR

    WIR Читатель

    Заблокирован
    Регистр.:
    28 янв 2009
    Сообщения:
    23
    Симпатии:
    1
    Можно указав для div
    width и height, больше чем эти размеры текст выводиться не будет
     
  7. rafic

    rafic

    Регистр.:
    14 май 2008
    Сообщения:
    477
    Симпатии:
    24
    Если стилями... то можно еще слоями. Сделать рамку, а в рамке текст... только текст это нижний слой, а рамка верхний слой. И когда текст будет больше размеров рамки, то он будет скрываться за ней и его не будет видно. Но это только если пару строчек нужно будет скрыть, потому что потом он будет вылазить за рамку и будет некрасиво. Но лучше всего использовать text-overflow:ellipsis; и -o-text-overflow: ellipsis;. Только кто покажет пример его использования? Напишите ХТМЛ код и стили для с этими параметрами.

    Существуют ли еще способы?
    Схема та же:
    HTML:
    <div class="style-text">
      текст
    </div>
     
  8. капрал

    капрал

    Регистр.:
    2 окт 2008
    Сообщения:
    336
    Симпатии:
    45
    ограничить по шщирине вывод - через цсс - никак. через пхп - счтитать буквы что ли. а в целом по высоте это обычное дело:
    Код:
    <style>
    div {line-height:1.2em; font-size:1em; height:3.6em; overflow:hidden;}
    </style>
    
    (указывать line-height и height надо кратными и делать это для того, что бы тект не обрезался по середине строки.

    А еще можно через SMARTY {$var|truncate:30}
     
  9. t3s

    t3s

    Регистр.:
    16 фев 2008
    Сообщения:
    719
    Симпатии:
    290
    можно и на пхп, например так

    PHP:
    <div style="float: right;" >
    <?php 
    $total_products 
    substr("$total_products",015 );
    $total_products .= '...'
    echo $total_products;
    ?>
    </div>
    в примере - 15 символов, просто ставите себе нужное ограничение
     
  10. cortc

    cortc Создатель

    Регистр.:
    27 июн 2009
    Сообщения:
    24
    Симпатии:
    1
Статус темы:
Закрыта.