Как уменьшить пробел между тегами <p>?

Ответ 1

используйте css:

p { margin:0 }

Попробуйте этот замечательный плагин http://www.getfirebug.com:)

Ответ 2

Свойство CSS margin может использоваться для всех абзацев:

p {
  margin: XXXem;
}

Замените XXX на нужное значение; для использования без пробелов:

p {
  margin: 0em;
}

Ответ 3

Как показано выше, проблема - это поле, предшествующее тегу <p> во время рендеринга. Не изящным решением, но эффективным было бы уменьшение верхней границы.

p { margin-top: -20px; }

Ответ 4

Я нашел, что это работает, чтобы дать больше абзацев стиля книги:

p.firstpar {
  margin-top: 0;
  text-indent: 2em;
  padding: 0 5px 0 5px;
}
p.nextpar {
  margin-top: -1em;
  text-indent: 2em;
  padding: 0 5px 0 5px;
}

используя блок em ( "M" ), а не px, он делает стиль независимым от размера шрифта. Прокладка идет в следующем порядке: сверху, справа, снизу, слева.

Ответ 5

Более реальный пример:

p { margin: 10px 0;}

Ответ 6

<style type="text/css">
 p {margin-bottom: -1em;  margin-top: 0em;} 
</style>

Это полностью сработало для меня. Пункты находились прямо друг над другом. Когда я использовал 0em для обоих полей, между строк оставалось некоторое пространство. Я пошел на инструменты разработчика в своем браузере, попробовал с 1em, и он сработал.

Ответ 7

Я предлагаю установить отступ и маржу в 0.

Если это не решит вашу проблему, вы можете попробовать играть с высотой строки, даже если ее не рекомендовать.

Ответ 8

Уменьшить пробел между абзацами. Если вы используете блоггер, вы можете перейти к шаблону, "настроить", затем найти "добавить css" и вставить его: p {margin:.7em 0.7em 0}/* Уменьшает пробел между

от полной строки до ок. 1/2 линии */ Если вы просто помечаете свою веб-страницу, это то, что вы использовали бы, просто поместите ее в свои css файлы.

Я был дизайнером шаблонов sgml в конце 70-х/начале 80-х годов, и все это тегирование - это всего лишь dtd внутри sgml (даже если они теперь пытаются сказать, что html5/css3 не "нет", ДА, ЕСТЬ STILL IS.) :)

Вы также можете найти всю эту базовую информацию в w3schools. Действительно, если вы учитесь делать макет с помощью тегов или даже javascript и т.д., Вы должны начать с w3schools. Некоторые люди говорят, что это "не всегда" правильно, но люди, я работаю в сфере информационных технологий с 1960 года (12 лет), а w3schools лучше всего для новичков. Там что-то не так? Ах, я не знаю, я не нашел никакой ошибки, хотя иногда, если вы новичок, вам может потребоваться прочитать две точки зрения, чтобы по-настоящему понять смысл чего-то. Но помните, что вы НЕ программируете при кодировании веб-страницы, вы просто выполняете макетную работу. (Yell все, что вы хотите, люди, это правда об этом.)

Ответ 9

Ни один из вышеперечисленных ответов не работал у меня, но это делает. Используйте <P style='line-height: 8px;'> для замены <p> везде, где это необходимо (или помещайте его в тег стиля, например <style>P {line-height: 8px;}</style>, на все теги <p>). Я понимаю, что Мауро говорит об этом, но если кто-то приходит сюда за помощью, я ожидаю, что они захотят увидеть пример.

Ответ 10

Если вы конвертируете HTML-документ в PDF-страницу, но страница проливается на две страницы, попробуйте уменьшить размер шрифта. Конечно, вы также можете уменьшить интервал между абзацами (с стилями CSS margin-top/margin-bottom) или даже с левой и правой желобами с полями. Но, на мой взгляд, держите вещи пропорционально и просто сделайте текст немного меньше:

p { font-size: 90%; }

или

body { font-size: 9.5pt }

Ответ 11

Замените <p> </p> на  
Добавьте как можно больше  .

Я решил эту же проблему. Просто поделитесь им.