w3school style span sirve significado que para grosor font etiquetas etiqueta ejemplos html css

style - span html significado



¿Cómo reducir el espacio entre las etiquetas<p>? (11)

Tengo una página que estoy convirtiendo a PDF. Esta página contiene una cantidad de párrafos y no todos caben en una sola página. Si pudiera reducir el espacio entre las etiquetas <p> , esto me ayudaría a encajar más. es posible? Gracias.

Como se muestra arriba, el problema es el margen que precede a la etiqueta <p> en el tiempo de renderizado. No es una solución elegante pero efectiva sería disminuir el margen superior.

p { margin-top: -20px; }

He encontrado que esto funciona para dar más párrafos de estilo de libro:

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; }

al usar la unidad em ("M"), en lugar de la unidad px , hace que el estilo sea independiente del tamaño de la fuente. El relleno va en ese orden: arriba, derecha, abajo, izquierda.

La propiedad de margin CSS se puede usar para afectar todos los párrafos:

p { margin: XXXem; }

Reemplace XXX con su valor deseado; para ningún espacio en absoluto uso:

p { margin: 0em; }

Ninguna de las respuestas anteriores funcionó para mí, pero sí: use <P style=''line-height: 8px;''> para reemplazar <p> cuando sea necesario (o póngalo en la etiqueta de estilo como <style>P {line-height: 8px;}</style> para afectar a todas las etiquetas <p> ). Me doy cuenta de que Mauro dice esto, pero si alguien viene aquí en busca de ayuda, espero que quieran ver un ejemplo.

Reduzca el espacio entre párrafos. Si está utilizando blogger, irá a la plantilla, ''personalizar'', luego ''agregar css'' y pegar esto: p {margin: .7em 0 .7em 0} / * Reduce el espacio entre

de línea completa a aprox. 1/2 línea * / Si solo está etiquetando su página web, eso es lo que usaría, simplemente colóquelo en su (s) archivo (s) css.

Yo era un diseñador de plantillas sgml a finales de los años 70 / principios de los 80 y todo este etiquetado es solo un dtd dentro de sgml (incluso si ahora están tratando de decir que html5 / css3 es ''no'', SÍ TODAVÍA ES). :)

También puede encontrar toda esta información básica en w3schools. Realmente, si está aprendiendo a hacer diseño usando etiquetas o incluso javascript, etc., debería comenzar con w3schools. Algunas personas dicen que ''no siempre'' es correcto, pero amigos, he estado en IT desde 1960 (12 años) y w3schools es lo mejor para principiantes. ¿Hay algunas cosas mal allí? Ah, no sé, no he encontrado ningún error, aunque a veces, si eres un principiante, tal vez necesites leer dos puntos de vista para captar realmente el sentido de algo. Pero recuerde que NO está programando cuando codifica una página web, simplemente está haciendo un trabajo de diseño. (Grita todo lo que quieras, esa es la verdad).

Reemplace <p> </p> con &nbsp;
Agregue tantos &nbsp; según sea necesario.

Resolví el mismo problema con esto. Solo compartirlo.

Si está convirtiendo un documento HTML en una página PDF, pero la página se extiende a dos páginas, intente reducir el tamaño de la fuente. Por supuesto, también puede disminuir el espacio entre párrafos (con los estilos CSS margin-top / margin-bottom), o incluso los canales izquierdo y derecho con márgenes. Pero a mi juicio, mantenga las cosas en proporción y simplemente haga que el texto sea un poco más pequeño:

p { font-size: 90%; }

o

body { font-size: 9.5pt }

Sugeriré establecer el relleno y el margen en 0.

Si esto no resuelve su problema, puede intentar jugar con la altura de la línea, incluso si no se recomienda.

Un ejemplo más real:

p { margin: 10px 0;}

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

Esto funcionó completamente para mí. Los párrafos estaban justo debajo uno del otro. Cuando usé 0em para ambos márgenes, todavía quedaba algo de espacio entre las líneas. Fui en busca de herramientas de desarrollo en mi navegador, probé con -1em y funcionó.