Pregunta

Tengo un problema, ¡pero tal vez esto no sea un problema en realidad! ¿Por qué debajo del marcado HTML está generando un resultado que parece ser incorrecto incluso usando fuentes estándar como Arial?

<span>سلام</span><span>خداحافظ</span>

سلامخداحافظ

Arriba de la salida no debería ser esta? (Ignorar el espacio utilizado para la simulación)

سلام خداحافظ

También he usado margen para una etiqueta pero el mismo problema. Gracias por adelantado ;)

¿Fue útil?

Solución

Los elementos HTML no necesariamente rompen las palabras. Hay muchas razones legítimas para eso.

Por ejemplo, es posible que desee poner énfasis en una carta en forma medial envolviéndola en un <strong> o <em> elemento. Si ese elemento se considerara como una sola palabra, la letra cambiaría a su forma aislada, que probablemente no sería el efecto que está buscando.

Insertando un espacio irrompible (&nbsp;) o un espacio no roto de ancho cero (&#8203;) Entre los <span> Elementos soluciona su problema.

Puedes ver los resultados en este violín.

Otros consejos

Que yo sé span tag no tiene href. Supongo que quieres decir a tag.

puedes usar un personaje espacial entre a tags Para obtener el resultado deseado:

<a href="#">سلام</a>&nbsp;<a href="#">خداحافظ</a>

También puede ingresar un espacio entre las etiquetas como. No hay necesidad de usar códigos HTML:

<a href="#">سلام</a> <a href="#">خداحافظ</a>
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top