ширина div-a. Текст вылазит за границы.

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

Модераторы: zek24
  1. HolyWanderer

    HolyWanderer

    Регистр.:
    23 июл 2008
    Сообщения:
    187
    Симпатии:
    95
    решения в поиске не нашел, поэтому решил создать тему, ибо уже достаточно намучился.

    Есть блок: CSS:

    #widthdiv {
    width:105px;
    }

    Как сделать так, чтобы текст в нем не вылезал за пределы блока, а опускался вниз?
    например, ширина блока 105px, а текст в нем такой:
    "ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd"
    без пробелов
    Как решить? Спасибо.

    «overflow: hidden;» не предлагать.
     
  2. UDAV

    UDAV

    Регистр.:
    22 июн 2007
    Сообщения:
    781
    Симпатии:
    153
    Никакой браузер не будет разбивать цельные слова и переносить их по частям.
     
  3. RedRabbit

    RedRabbit

    Регистр.:
    11 июл 2008
    Сообщения:
    606
    Симпатии:
    250
    :be: Все отлично переносится, я так понял
    "ddddddddddddddddddddddddddddddddddddddddddddddddd dddddddddddddddddddddddd"
    это пример???
    Посмотри может намудрил со стилями.
    А если так, у меня все работает;)
    Код:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
    <title>Untitled Document</title>
    <style type="text/css">
    <!--
    #Layer1 {
    	width:105px;
    }
    -->
    </style>
    </head>
    <body>
    <div id="Layer1">TEST test test test test test test test test test test test test test test test test test test test</div>
    </body>
    </html>
    
     
  4. UDAV

    UDAV

    Регистр.:
    22 июн 2007
    Сообщения:
    781
    Симпатии:
    153
    RedRabbit
    Ключевая фраза: :read:
     
  5. RedRabbit

    RedRabbit

    Регистр.:
    11 июл 2008
    Сообщения:
    606
    Симпатии:
    250
    Тогда никак:)

    Или написать php скрипт, который будет читать строку, а после ннго символа ставить перенос строки
     
  6. HolyWanderer

    HolyWanderer

    Регистр.:
    23 июл 2008
    Сообщения:
    187
    Симпатии:
    95
    где-то читал о js wordwraр, которые обрубуют текст.
    Но я в этом нулевой, может у кого есть такой ява скрипт или пхп?
    буду очень благодарен.
    Чем меньше кода, тем лучше.

    вот в буржуев кое-что находил
    http://snippets.dzone.com/posts/show/869
    но не шарю, что там и к чему. Может кто разбирается, поясните, как прикрутить.
     
  7. dejavu666

    dejavu666 Создатель

    Регистр.:
    30 мар 2009
    Сообщения:
    10
    Симпатии:
    3
    Вот скрипт можешь заюзать
    http://naironjcg.googlepages.com/micoxWordWrap.js
    потом вставляешь
    Код:
    <script type='text/javascript' src='micoxWordWrap.js'></script>
    и к div'у class="word-wrap"
     
    HolyWanderer нравится это.
  8. FiiSH

    FiiSH Создатель

    Регистр.:
    23 май 2009
    Сообщения:
    16
    Симпатии:
    2
    http://code.google.com/p/hyphenator/JS, универсальная вещь для переноса слов, работает с разными языками, потдерживает русский

    Используется для улучшения типографики
     
    HolyWanderer нравится это.
  9. westgiggs

    westgiggs Прохожие

  10. sema

    sema Постоялец

    Регистр.:
    18 май 2007
    Сообщения:
    95
    Симпатии:
    21
    Добавь в стилях диву такое свойство
    Код:
    #widthdiv {
    	width:105px;
    	word-wrap: break-word;
    }