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

Question

Можно ли изменить тег <span> (или <div>), чтобы предварительно отформатировать его содержимое, как тег <pre>, использующий только CSS?

Answer 1

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

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

Answer 2

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

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

Answer 3

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

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

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

Answer 4

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

white-space: pre

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

Answer 5

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

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

Answer 6

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

.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/

Answer 7

Почему бы просто не использовать тег

вместо тега span? Оба встроены, поэтому оба должны вести себя так, как вам хочется. Если у вас есть проблема с переопределением всего определения , просто дайте ему class / id.