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

Question

У меня есть страница, которую я конвертирую в PDF. Эта страница содержит несколько абзацев, и они не все помещаются на одной странице. Если бы я мог уменьшить расстояние между тегами <p>, это помогло бы вписаться больше. Это возможно? Благодаря.

Answer 1

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

p { margin:0 }

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

EDIT : Firebug теперь закрыт как проектбыл перенесен в https://www.mozilla.org/en-US/firefox/developer

Answer 2

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

p { margin-top: -20px; }

Answer 3

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

p {
  margin: XXXem;
}

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

p {
  margin: 0em;
}

Answer 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, это делает стиль независимым отразмер шрифта.Заполнение происходит в следующем порядке: сверху, справа, снизу, слева.

Answer 5

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

p { margin: 10px 0;}

Answer 6

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

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

Answer 7

Я предложу установить отступы и поля на 0.

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

Answer 8

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

Answer 9

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

p { font-size: 90%; }

или

body { font-size: 9.5pt }

Answer 10

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

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

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

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