2012-01-06 17 views
11

Chrome, IE y Safari rompen líneas en guiones pero Firefox no.Cómo habilitar salto de línea en guiones en Firefox

¿Hay alguna forma de hacer que las líneas de corte de Firefox se guionen, como otros navegadores?

+0

¿Qué versión de Firefox? Funciona bien para mí sin hacer nada en absoluto en FF9: http://jsfiddle.net/kVc6f/ En realidad, no puedo encontrar un navegador que este * no * funcione en ... –

+1

http: // jsfiddle. net/9Z5as/ – Alan

Respuesta

12

Inserte la etiqueta <wbr> después del guión. This tag no está presente en ninguna especificación HTML (aún está en borradores HTML5), pero ha funcionado durante mucho tiempo en los navegadores.

Firefox trata automáticamente un guión como permitir un salto de línea después de él cuando hay suficientes caracteres alrededor del guión. Pero si desea permitir los saltos de línea más ampliamente que eso, use <wbr>, p. pre-<wbr>war.

12

No es fácil. Intente insertar un espacio de ancho cero (&#8203;) después de cada guión. Por ejemplo:

a-&#8203;really-&#8203;long-&#8203;hyphenated-&#8203;phrase 

Esto hará que Firefox se ajuste como si hubiera espacio, pero no mostrará visualmente ese espacio.

Es más fácil implementar esto si tiene algo procesando su salida del servidor. Simplemente ejecute guiones mediante un reemplazo rápido de cadenas.

+0

¿En qué versión de Firefox estás viendo este problema? No puedo reproducirlo –

+0

Sé que eres de ~ hace 2.5 años, pero todavía puedo reproducir esto en FF 33. La otra respuesta de usar '' funcionó para mí. –

+0

Uf, puedo reproducirlo en FF49:/ –