¿Cómo manejar el espacio en blanco en el código HTML [cerrado]

Question

Uno de mis mayores errores tipográficos frustraciones acerca de HTML es la forma en que se destroza conjuntas en los espacios en blanco.Por ejemplo, si yo tengo:

<span>Following punctuation rules.  With two spaces after the period.  </span>

Uno de los dos espacios después del punto se considerará insignificante el espacio en blanco y se retira.Puedo, por supuesto, a la fuerza, el espacio en blanco para ser significativa con:

<span>Following punctuation rules.&nbsp; With two spaces after the period.  </span>

pero simplemente me molesta tener que hacer eso y que generalmente no me molestan.¿Alguien por ahí insertar automáticamente significativo espacio en blanco en el contenido externo de las presentaciones de la intención de una página web?

Answer 1

De su ejemplo, no hay necesidad de preocuparse.Los navegadores Web de realizar tipográficos de la representación y el lugar de la cantidad correcta de espacio entre períodos y cualquiera que sea el carácter de la siguiente manera (y es diferente según el siguiente carácter, de acuerdo con el espaciado de las reglas.)

Si desea que los saltos de línea, <br /> no es realmente una gran cosa, ¿no?

---

No está seguro de lo que es digno de un downmod aquí...Usted no debe estar forzando a dos espacios después de un punto, a menos que usted está utilizando una fuente monoespaciada.Para las fuentes proporcionales, la rederer kerns la cantidad correcta de espacio después de un punto.Ver aquí y aquí para los detalles de las conversaciones.

Answer 2

Si usted realmente quiere que su espacio en blanco para ser conservado, pruebe la propiedad css:espacio en blanco:pre;

O, usted podría simplemente utilizar un <pre> etiqueta en el marcado.

Por cierto, es una buena cosa que los navegadores HTML ignorar los espacios en blanco en general, nos permite tener claramente formato de código fuente, sin afectar a la producción.

Answer 3

Puede que no sea muy elegante, pero yo aplicar CSS a un <pre> de la etiqueta.

Siempre existe el "espacio en blanco" atributo CSS, pero puede ser un poco golpeado y se pierda.

Answer 4

Echa un vistazo a la pre etiqueta.Se puede hacer lo que quiera.

Answer 5

Usted puede utilizar un estilo pre bloque para preservar los espacios en blanco.La mayoría de los editores WYSIWYG también insertar para usted...

En general, es bueno que el navegador ignora los espacios en blanco.Acabo de ver el código fuente de este sitio web por ti mismo e imaginar cómo la locura en el sitio sería si cada espacio se muestran.

Answer 6

Sería mejor usar un espacio en blanco:pre-wrap de espacio en blanco:pre o Con su ejemplo, las últimas soluciones puede iniciar una nueva línea en las "reglas". sólo porque su nenbreakable space golpear el extremo de la línea.

Answer 7

El PRE etiqueta puede ser una solución válida, dependiendo de sus necesidades.Sin embargo, si usted está tratando de utilizar el 2 de espacio de la regla en las oraciones a través de su sitio, usted pronto descubrirá que los otros personajes de la PRE etiqueta conserva la línea de alimentación/retornos de carro (o falta de) va a simular cualquier estilo que usted tratando de hacer.

En general, tiendo a ignorar el "2 espacios después de una frase de la regla", o si eres un purista, me pegan con el , pero usted tendrá que ejecutar de vez en cuando en el problema de Nicolás declaró.

Answer 8

Hay una página con respecto a este tema en webtypography.net.Ese sitio tiene muchas otras cosas interesantes acerca de la creación de textos para la web desde el punto de vista de la tipografía, las cosas que los diseñadores de páginas web a menudo ni siquiera pensar.Merece la pena leer.