Смотрите эту скрипку: http://jsfiddle.net/Zdnsx/CSS код фломастер - расстояние между линиями
я 3 вопроса,
margin-top Почему не работает? Это потому, что они являются встроенными элементами или потому, что они находятся в pre-теге?
Полезно ли сделать маркер кода в pre-теге или есть лучшее и более простое решение?
Есть ли какой-либо код стили CSS? Мне нужно CSS стилей только как я ничего не знаю, JS, JQuery и т.д.
Поскольку они inline elements:
strong { margin-top: 1em; }
<pre><strong>hello</strong></pre>
<strong>hello</strong>
(и 3) SyntaxHighlighter. CSS не может выбирать определенные слова, поэтому вам нужно будет использовать JavaScript или добавить серверную часть тегов.
Там нет margin-top стиля.
Было бы разумно, так как pre будет учитывать пробелы с места в карьер.
Поиск jQuery Syntax Highlighter приведет вас к различным ресурсам, включая CSS-файлы для подсветки синтаксиса. Просто выясните, какую таблицу стилей вам нужно, используйте эту, и забудьте о фактическом JS. Here's an example.
Краткое примечание, хотя. При использовании pre элемента для подсветки синтаксиса, вы заметите, что это:
<pre><a>Hello World!</a></pre>
даст:
Hello World!
Вместо того
<a>Hello World!</a>
Это происходит потому, что вам нужно изменить свой < и > - < и >, соответственно.
Подождите, теги «strong» не были в очереди раньше! Я понятия не имею, как я это пропустил. Таким образом, маржа не применялась, когда они были блоками, но применяется, когда они являются встроенными, что делает меня еще менее значимым. Почему это происходит? Я изменил свой css, но теперь я столкнулся с новыми проблемами, см. Это, пожалуйста: http://jsfiddle.net/Zdnsx/1/ – Sourabh