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

HolyWanderer

HolyWanderer

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

Есть блок: CSS:

#widthdiv {
width:105px;
}

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

«overflow: hidden;» не предлагать.
 
Никакой браузер не будет разбивать цельные слова и переносить их по частям.
 
: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>
 
где-то читал о js wordwraр, которые обрубуют текст.
Но я в этом нулевой, может у кого есть такой ява скрипт или пхп?
буду очень благодарен.
Чем меньше кода, тем лучше.

вот в буржуев кое-что находил
Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

но не шарю, что там и к чему. Может кто разбирается, поясните, как прикрутить.
 
Вот скрипт можешь заюзать
Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

потом вставляешь
Код: 
<script type='text/javascript' src='micoxWordWrap.js'></script>
и к div'у class="word-wrap"
 
Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.
JS, универсальная вещь для переноса слов, работает с разными языками, потдерживает русский

Используется для улучшения типографики
 
Добавь в стилях диву такое свойство
Код: 
#widthdiv {
	width:105px;
	word-wrap: break-word;
}
 
Войдите или зарегистрируйтесь для ответа.
Назад
Сверху