Как сохранить разрывы строк в блоке <code>? - PullRequest
Новая
       3

Как сохранить разрывы строк в блоке <code>?

25 голосов
/ 18 июня 2009

У меня есть несколько примеров кода, которые я хочу опубликовать в HTML-документе. Я обертываю их тегами <code>, но я бы хотел, чтобы они были стилизованы так, чтобы разрывы строк сохранялись. Я могу сделать это, также заключив их в теги <pre>, но я бы предпочел использовать CSS.

Я пробовал следующее в IE7 (который согласно эта ссылка должна работать), но без радости (разрывы строк удаляются): 

code {
    white-space: pre;
}

Возможно ли это?

Ответы [ 3 ]

17 голосов
/ 18 июня 2009

Вы уверены, что не делаете что-то не так? Этот код работает для меня на IE7: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <style type="text/css">
  code { white-space: pre; }
  </style>
</head>
<body>
  <code>
      function() {
          alert('yay');
      }
  </code>
</body>
</html>
8 голосов
/ 18 июня 2009

Проверьте, что ваш тип документа действителен и находится в первой строке. Может быть, он переходит в режим причуд?

1 голос
/ 18 июня 2009

Вы можете попробовать использовать предложенный здесь CSS: http://ajaxian.com/archives/wrapping-the-pre-tag

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...