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

можно ли изменить a <span> тег (или <div>) в preformat его содержимое как <pre> тег будет использовать только CSS?

7 82
html css

7 ответов:

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

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

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

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

это делает промежуток похожим на PRE:

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

Не забудьте изменить селектор css соответствующим образом.

24

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

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
}
1

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

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

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

.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; /* IE7+ */
display: block;
}

использовал то же самое здесь -http://www.makemyshop.in/

0