Как изменить диапазон, чтобы выглядеть как pre с CSS?

Ответ 1

Посмотрите настройки по умолчанию W3C. Скопируйте все настройки для PRE и поместите их в свой собственный класс.

pre {
    display: block;
    unicode-bidi: embed;
    font-family: monospace;
    white-space: pre;
}

Ответ 2

Смотрите свойство CSS с белым пространством.

.like-pre { white-space: pre; }

Ответ 3

Это делает SPAN похожим на PRE:

span {
  white-space: pre;
  font-family: monospace;
  display: block;
}

Не забудьте изменить селектор css, если необходимо.

Ответ 4

В частности, свойство, которое вы ищете, это:

white-space: pre

http://www.quirksmode.org/css/whitespace.html
http://www.w3.org/TR/CSS21/text.html#white-space-prop

Ответ 5

Попробуйте это

span {
    white-space: pre;
    font-family: monospace;
    display: block;
    unicode-bidi: embed
}

Ответ 6

Почему бы просто не использовать <pre> вместо тега span? Оба являются встроенными, поэтому оба должны вести себя так, как вам хотелось бы. Если у вас есть проблема, переопределяющая полное определение <pre> , просто укажите ему класс/id.

Ответ 7

Попробуйте этот стиль

.pre {

white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
line-height: 1.5;   
word-break: break-all;
white-space: pre;
white-space: pre\9; /* IE7+ */
display: block;
}

Используется здесь же - http://www.makemyshop.in/