Форум Сайтостроение Веб-строительство

Альтернатива тегу <pre>

12
mff
На сайте с 21.02.2008
Offline
282
mff
2287

Тег <pre> имеет параметр width но он работает только в FF, остальные браузеры игнорят :(

Люди, подскажите альтернативу. Может на CSS можно что то сделать? Нужно вывести текст с горизонтальной табуляцией, как в базе прописано. Не хочется везде расставлять тег <br />.

Спасибо.

Управление репутацией в сети: https://timbook2.ru/
Olldman
На сайте с 21.04.2010
Offline
79
Olldman
#1 

<div style="white-space:pre">text</div>
mff
На сайте с 21.02.2008
Offline
282
mff
#2

Olldman, спасибо, но тоже ширина не регулируется. Мне нужно, чтобы длинные строки переносились, попробовал width:200px; но не работает:

:(

dma84
На сайте с 21.04.2009
Offline
168
dma84
#3

Ну дак, здрасте, pre подразумевает отображение текста точно так же как в исходном коде, ставьте переносы строки там где нужно

dkameleon
На сайте с 09.12.2005
Offline
386
dkameleon
#4
mff:
Мне нужно, чтобы длинные строки переносились,

<textarea> :)

только вот какое отношение у горизонтальной табуляции к переносам строк?

Дизайн интерьера (http://balabukha.com/)
mff
На сайте с 21.02.2008
Offline
282
mff
#5

dkameleon, сорри, ошибся. Вертикальная табуляция.

dma84, тег <PRE> имеет необязательный параметр WIDTH, назначение которого — указывать браузеру максимальную длину строки преформатированного текста. Но пашет только в FF...

dma84
На сайте с 21.04.2009
Offline
168
dma84
#6
Значение WIDTH должно быть равно или больше, чем длина самой длинной строки. В принципе, атрибут WIDTH должен обеспечивать броузер информацией, чтобы выбрать шрифт подходящего размера или скорректировать отступы для представления текста в требуемом виде. Но обычно это не делается броузерами, а сами Вы не можете установить размер шрифта, так как изменяющие размер шрифта элементы недопустимы в пределах PRE. Например, текст шире 80 символов будет отображен неправильно, даже если Вы используете атрибут WIDTH.

А вообще зачем он вам, этот pre?

topy
На сайте с 28.03.2006
Offline
142
topy
#7
dma84:
А вообще зачем он вам, этот pre?

Видимо из-за иноязычных символов в тексте.

mff, Какую кодировку используете?

Новости коротко и ясно (https://subnews.ru)
S0
На сайте с 20.11.2010
Offline
32
snk001
#8

topy, а причем тут кодировка?

mff, CSS-верный путь


<!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" dir="ltr" lang="ru">
...
<div style="width: 200px; white-space: pre-line;">
Первая строка текста, которая должна переноситься на границе 200 пикселей.
Вторая строка текста, которая должна переноситься на границе 200 пикселей.
</div>

Хочу тут только обратить внимание на доктайп, ибо в режиме совместимости в осле работать не будет.

topy
На сайте с 28.03.2006
Offline
142
topy
#9
snk001:
а причем тут кодировка?

при том, что нужно использовать UTF и тогда все можно обернуть в DIV. ТС, видимо, использует 1251 и у него проблемы с отображением некоторых символов, почему и решил юзать <pre>.

S0
На сайте с 20.11.2010
Offline
32
snk001
#10

topy, а чем, по-вашему, работа браузера с DIV отличается от работы с PRE в свете применяемой кодировки? ТС указал же что хочет чтобы \n делал новую строку и при этом сохранялся перенос по границе блока. Такое поведение как раз pre-line дает.

Google: как сделать статические Новая партнерская программа Яндекса В Директе появилась отдельная
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий