тег вызывает разрывы строк
Я использую CSS (через JQuery, но не имеет отношения к этому вопросу) для выделения определенных элементов в файле HTML: я использую теги« pre »для разделения логических элементов в моем файле , но я заметил, что теги pre, похоже, оставляют символы новой строки между элементами.
Могу ли я избавиться от них с помощью CSS?
(Или что мне использовать вместо тегов «pre»? Текстовые элементы могут содержать сами элементы HTML: которые должны отображаться , а не , и должны отображаться буквально как исходный код: отсюда и мой исходный выбор с помощью тегов «pre»)
Вот пример HTML, который я использую: (Требуется http://docs.jquery.com/Downloading_jQuery для этого примера)
This is an error line.
stack.trace.blah.blah
more.blah.blah
yadda.yadda.blah
this is not an error line.it contains html
<html><head></head><body>hello</body></html>
This is an error line.
stack.trace.blah.blah
more.blah.blah
yadda.yadda.blah
Я с использованием Firefox 3.6.12. Вот что дает приведенный выше код:
И это смоделированный вывод того, что я хочу (переключился на желтый, только потому, что я использовал для этого свой редактор vim, представьте, что он красный!)
РЕШЕНИЕ:
Использовать 'display: inline' для всех ПРЕДВАРИТЕЛЬНЫЕ теги. (Раньше я применял «display: inline» только к тегам «error» в приведенном выше примере и забывал сделать то же самое для предварительных тегов «ok».