Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Текст выезжает за края (как сократить?) (https://javascript.ru/forum/misc/18574-tekst-vyezzhaet-za-kraya-kak-sokratit.html)

uExpo 07.07.2011 12:09

Текст выезжает за края (как сократить?)
 
При подгрузке текста #indicator_loading с /index/script/0-8

$('#indicator').load('/index/script/0-8 #indicator_loading');


Если текст имеет вид:

111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111


Без пробелов, то он выезжает за края

Есть какой способ ?

melky 07.07.2011 12:11

я чуть чуть попортил страницу скроллом вправо =^_^=

<style>
body {
background-color:red;
}
div {
background-color:green;
width : 100px; 
white-space: pre-wrap; 
white-space: -moz-pre-wrap; 
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word; 
overflow:hidden;
}
</style>

<div>111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111
</div>

nikita.mmf 07.07.2011 12:11

overflow: hidden;

text-overflow: ellipsis;

uExpo 07.07.2011 12:16

Оо.. Точно спасибо

trikadin 07.07.2011 12:22

Цитата:

Сообщение от nikita.mmf
text-overflow: ellipsis;

Без FF. И без оперы до 11 версии (ссылка).

uExpo 07.07.2011 12:24

А Internet Explorer текст сокращает, а длину страницы удваивает (как будто он идет в строчку а не в стобец)

Цитата:

Сообщение от melky
<style>
div {
width : 100px;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}
</style>


trikadin 07.07.2011 12:33

overflow: hidden;

uExpo 07.07.2011 12:34

Спасибо


Часовой пояс GMT +3, время: 17:02.