Просмотр полной версии : Если размера div не хватает для текста
Гробовщик
18.07.2013, 11:58
Здравствуйте, есть у меня div в котором есть некий текст, размер дива фиксирован width: 763px; Возможно ли сделать так что бы когда длинны одного div-а для текста не хватало , то появлялся такой же див, на несколько пикселей ниже, с продолжением текста, и так до конца текста? Как это вообще реализовывается?
а чем не устраивает прокрутка внутри дива?
Гробовщик
18.07.2013, 12:05
deivan,
а чем не устраивает прокрутка внутри дива?
Шаблоны пользователей... Дабы не началось кудахтанья, мол ваше колдовство от лукавого ибо сделано не по образу и подобию word-a, решение было принято сделать именно как в word-e, что бы было видно примерное число страничек текста и т.д.
Как это вообще реализовывается?
берётся текст разбивается на слова или предложения помещается в див до тех пор пока высота дива не превысит лимит тогда формируется новый див и т.д. до конца текста
Гробовщик
18.07.2013, 12:28
рони,
берётся текст разбивается на слова или предложения помещается в див до тех пор пока высота дива не превысит лимит
А вообще кто нибудь в курсе как сам div определяет нужна ли ему полоса прокрутки? Как работает overflow: scroll;
div сам по себе ничего не определяет. определяет браузер на основании заданных цсс-правил
animhotep
18.07.2013, 15:22
div определяет нужна ли ему полоса прокрутки?
он знает высоту строк текста и свою высоту
когда высота строк больше - появляется скрол
Гробовщик,
<style>
.div {
border:red solid 1px;
margin:12px;
width: 200px;
}
</style>
<body>
<script type="text/javascript" src="http://yandex.st/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
var str='Здравствуйте, есть у меня div в котором есть некий текст, размер дива фиксирован width: 763px; Возможно ли сделать так что бы когда длинны одного div-а для текста не хватало , то появлялся такой же див, на несколько пикселей ниже, с продолжением текста, и так до конца текста? Как это вообще реализовывается? Здравствуйте, есть у меня div в котором есть некий текст, размер дива фиксирован width: 763px; Возможно ли сделать так что бы когда длинны одного div-а для текста не хватало , то появлялся такой же див, на несколько пикселей ниже, с продолжением текста, и так до конца текста? Как это вообще реализовывается?'
var arr = str.split(' ');
function newDivCreateAndInsert () {
var div = $('<div class=div></div>');
div.appendTo("body");
var maxHeight=100;
while(arr.length){
var a = div[0].innerHTML;
div[0].innerHTML+=arr[0]+' ';
if(div.height()>maxHeight) {
div[0].innerHTML= a; newDivCreateAndInsert ();
} arr.splice(0,1);
} return
}newDivCreateAndInsert (arr)
</script>
</body>
vBulletin® v3.6.7, Copyright ©2000-2026, Jelsoft Enterprises Ltd. Перевод: zCarot