Итак, вы имеете в виду: используйте «div» или «p» или «span» (что бы вы на самом деле рекомендовали?), Предварительно обработайте встроенный текст (чтобы «буквально» там вставить любой HTML) и используйте CSS, чтобы сделать его выглядеть как я хочу?
ользую CSS (через JQuery, но не относящийся к этому вопросу), чтобы выделить определенные элементы в файле HTML: я использую теги «pre» для выделения логических элементов в моем файле, но я заметил, что теги «pre» кажется, чтобы оставить новые строки между элементами.
Могу ли я избавиться от них с помощью CSS?
(Или что я должен использовать вместо «предварительных» тегов? Текстовые элементы могут содержать элементы HTML сами по себе: что должноне быть визуализированным и должен быть показан буквально как исходный код: отсюда мой первоначальный выбор с тегами "pre")
Вот пример HTML-кода, который я использую: (Требуетсяhttp://docs.jquery.com/Downloading_jQuery для этого примера)
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js">
</script>
</head>
<body>
<pre class="error">
This is an error line.
stack.trace.blah.blah
more.blah.blah
yadda.yadda.blah</pre>
<pre class="ok">
this is not an error line.it contains html
<html><head></head><body>hello</body></html></pre>
<pre class="error">
This is an error line.
stack.trace.blah.blah
more.blah.blah
yadda.yadda.blah</pre>
<pre class="ok">
<script type="text/javascript">
$("pre.error").css({"background-color":"red","color":"white","display":"block","padding":"0", "margin":"0"});
</script>
</body>
</html>
Я использую Firefox 3.6.12. Вот что приводит приведенный выше код:
И это смоделированный вывод того, что я хочу (переключился на желтый, только потому, что я использовал для этого мой редактор vim, притворись, что он красный!)
РЕШЕНИЕ:
Использовать 'display: inline' для всех тегов PRE. (Ранее я применял только теги display: inline к тегам error в приведенном выше примере и забыл сделать то же самое для предварительных тегов ok.