Пренасяне на нов ред

rosen92

Registered
Как да направя ако имаме дълъг текст да го пренася на друг ред, а не да се появява за дърпане настрани. Искам да остане само да има дърпане надолу и нагоре, но не и настрани.. ?
 
Когато искаш да мине на следващия ред във кода слагаш
Код:
<br>
Другият вариант е със див
Код:
<div style = "width = 123; height = 123;">text</div>
 
направи си един <div> и вътре сложи текста , но трябва да му зададеш width
ето пример:

<div style="width:300px;">
Lorem ipsuim is simply dummy text.
Lorem ipsuim is simply dummy text.
Lorem ipsuim is simply dummy text. Lorem ipsuim is simply dummy text.
Lorem ipsuim is simply dummy text.
Lorem ipsuim is simply dummy text.
Lorem ipsuim is simply dummy text.
Lorem ipsuim is simply dummy text. Lorem ipsuim is simply dummy text.
</div>


С <br/> е пренася на нов ред, но предполагам не искаш да си играеш и да следиш къде свършва и да слагаш тоя таг
 
направих го скролера да е само за надолу и нагоре, но имам друг въпрос. Как да го направя винаги да показва най-отдолу, а не най-отгоре..? В смисъл да е скролнат надолу..
 
Код:
<div style="width:500px; height:300px; overflow-y:auto; overflow-x:hidden; text-align:left;">
    <span style="color: #FFFFFF;">asdasdasdjaslkdlaskdlaksdlkasldkasldkasdkmsasdasdasdasdasdasdasdakdmdas</span><br><span style="color: #FFFFFF;">asdasdasdjaslkdlaskdlaksdlkasldkasldkasdkmsasdasdasdasdasdasdasdakdmdas</span><br><span style="color: #FFFFFF;">asdasdasdjaslkdlaskdlaksdlkasldkasldkasdkmsasdasdasdasdasdasdasdakdmdas</span><br><span style="color: #FFFFFF;">asdasdasdjaslkdlaskdlaksdlkasldkasldkasdkmsasdasdasdasdasdasdasdakdmdas</span><br><span style="color: #FFFFFF;">asdasdasdjaslkdlaskdlaksdlkasldkasldkasdkmsasdasdasdasdasdasdasdakdmdas</span><br><span style="color: #FFFFFF;">asdasdasdjaslkdlaskdlaksdlkasldkasldkasdkmsasdasdasdasdasdasdasdakdmdas</span><br><span style="color: #FFFFFF;">asdasdasdjaslkdlaskdlaksdlkasldkasldkasdkmsasdasdasdasdasdasdasdakdmdas</span><br><span style="color: #FFFFFF;">asdasdasdjaslkdlaskdlaksdlkasldkasldkasdkmsasdasdasdasdasdasdasdakdmdas</span><br><span style="color: #FFFFFF;">asdasdasdjaslkdlaskdlaksdlkasldkasldkasdkmsasdasdasdasdasdasdasdakdmdas</span><br><span style="color: #FFFFFF;">asdasdasdjaslkdlaskdlaksdlkasldkasldkasdkmsasdasdasdasdasdasdasdakdmdas</span><br><span style="color: #FFFFFF;">asdasdasdjaslkdlaskdlaksdlkasldkasldkasdkmsasdasdasdasdasdasdasdakdmdas</span><br><span style="color: #FFFFFF;">asdasdasdjaslkdlaskdlaksdlkasldkasldkasdkmsasdasdasdasdasdasdasdakdmdas</span><br><span style="color: #FFFFFF;">asdasdasdjaslkdlaskdlaksdlkasldkasldkasdkmsasdasdasdasdasdasdasdakdmdas</span><br><span style="color: #FFFFFF;">asdasdasdjaslkdlaskdlaksdlkasldkasldkasdkmsasdasdasdasdasdasdasdakdmdas</span><br><span style="color: #FFFFFF;">asdasdasdjaslkdlaskdlaksdlkasldkasldkasdkmsasdasdasdasdasdasdasdakdmdas</span><br><span style="color: #FFFFFF;">asdasdasdjaslkdlaskdlaksdlkasldkasldkasdkmsasdasdasdasdasdasdasdakdmdas</span><br><span style="color: #FFFFFF;">asdasdasdjaslkdlaskdlaksdlkasldkasldkasdkmsasdasdasdasdasdasdasdakdmdas</span><br><span style="color: #FFFFFF;">asdasdasdjaslkdlaskdlaksdlkasldkasldkasdkmsasdasdasdasdasdasdasdakdmdas</span><br><span style="color: #FFFFFF;">asdasdasdjaslkdlaskdlaksdlkasldkasldkasdkmsasdasdasdasdasdasdasdakdmdas</span><br><span style="color: #FFFFFF;">asdasdasdjaslkdlaskdlaksdlkasldkasldkasdkmsasdasdasdasdasdasdasdakdmdas</span><br><span style="color: #FFFFFF;">asdasdasdjaslkdlaskdlaksdlkasldkasldkasdkmsasdasdasdasdasdasdasdakdmdas</span><br><span style="color: #FFFFFF;">asdasdasdjaslkdlaskdlaksdlkasldkasldkasdkmsasdasdasdasdasdasdasdakdmdas</span><br><span style="color: #FFFFFF;">asdasdasdjaslkdlaskdlaksdlkasldkasldkasdkmsasdasdasdasdasdasdasdakdmdas</span><br>
   </div>
 
А ве пич , къде си видял ти такава дълга НЕпрекъсната дума?!
Я си нашиши нормален текст и го виж няма л ида се пренесе.Това е една от особеностите , че браузъра го взима за една дума, а не може да разделя думите , както ние си пишем в тетрадките.
 
<div style="width:500px; border: solid 1px #000000;">
Lorem ipsuim is simply dummy text.Lorem ipsuim is simply dummy text.
Lorem ipsuim is simply dummy text.Lorem ipsuim is simply dummy text.
Lorem ipsuim is simply dummy text.Lorem ipsuim is simply dummy text.
Lorem ipsuim is simply dummy text.Lorem ipsuim is simply dummy text.
Lorem ipsuim is simply dummy text.Lorem ipsuim is simply dummy text.
Lorem ipsuim is simply dummy text.Lorem ipsuim is simply dummy text.
Lorem ipsuim is simply dummy text.Lorem ipsuim is simply dummy text.
Lorem ipsuim is simply dummy text.Lorem ipsuim is simply dummy text.
Lorem ipsuim is simply dummy text.Lorem ipsuim is simply dummy text.

</div>

Ето ти демото! Без height!
 
извинявам се, незнаех че browser-ите имат такава особеност.. а иначе за другия въпрос..? Има ли някакъв начин скролера да стои винаги най-отдолу, а не както е по принцип отгоре..?
 
rosen92 каза:
благодаря все пак..
И аз имах същия проблем доста питах и решението при мен беше да поставя максимална ширина и ако реда е по дълъг се скурлваше.
В CSS класа написах това:

.nekafklas_koitoopravlqvaopredeleniqtext{
max-width: 600px;
overflow: scroll;
}
 
Hous каза:
rosen92 каза:
благодаря все пак..
И аз имах същия проблем доста питах и решението при мен беше да поставя максимална ширина и ако реда е по дълъг се скурлваше.
В CSS класа написах това:

.nekafklas_koitoopravlqvaopredeleniqtext{
max-width: 600px;
overflow: scroll;
}

Мисля ,че си наясно че тоя код не работи под ие6.
max-width: 600px;
 
shterev каза:
Мисля ,че си наясно че тоя код не работи под ие6.
max-width: 600px;
О работи... точно при IE 6 съм и всичко си го скрулва ако е по-дълъг реда... :)
 
Hous каза:
shterev каза:
Мисля ,че си наясно че тоя код не работи под ие6.
max-width: 600px;
О работи... точно при IE 6 съм и всичко си го скрулва ако е по-дълъг реда... :)

Нещо бъркаш. min-height и min-width не работят под ие6 , както и max :)
 

Back
Горе