Tengo un div que es demasiado angosto para alinear texto: justificar (espacios demasiado anchos), pero aún parece poco uniforme cuando está justificado a la derecha o a la izquierda, porque entonces hay un espacio grande al final de las líneas. Justificado a la izquierda se ve mejor, pero ¿podría usar la separación silábica, como en los libros? ¿Usando CSS?¿Puedo usar CSS para justificar texto con palabras de guion al final de una línea?
Puede usar hyphens: auto siempre que haya declarado el idioma del contenido en HTML, p. Ej. usando <html lang=en-US>.
apoyo Browser es todavía limitada, pero cada vez mejor, ver http://caniuse.com/css-hyphens
Para una buena calidad, puede que tenga que controlar manualmente la separación de sílabas, por ejemplo, mediante el uso de guiones suaves (­) en palabras que de otra manera podrían estar mal guionizadas.
La separación de palabras depende del idioma; no puedes simplemente colocar personajes desbordados en la siguiente línea y obtener el mismo efecto que en los libros. Las reglas de división de palabras son en realidad bastante complicadas (vea http://dictionary2.classic.reference.com/writing/styleguide/division.html), y la única manera en que puede hacerlo correctamente (como en los libros) es manualmente o mediante un script del lado del cliente o del lado del servidor; Estoy bastante seguro de que no se puede hacer usando solo CSS.
Es posible que desee usar algo como http://code.google.com/p/hyphenator/
No, sé acerca de la regla de separación por sílabas. Los "libros" a los que me refiero son aquellos cuyo texto está justificado y simplemente rompen palabras y guiones, y las pegan en la siguiente línea, sin seguir las reglas de separación silábica. Aprendí las reglas de separación por sílabas en la escuela media. –
hyphenator funciona! si es compatible con tu idioma Pero si tiene 3 o 4 idiomas, el archivo de script tendrá un peso de aproximadamente 200 kb. También hay phpPyphenator, se dividirá el texto en el servidor. Mucho mejor que el archivo javascript. Aunque no es compatible con algunos idiomas –
Para la separación de sílabas en html, hay programas JavaScript para añadir lo que se necesita para el texto. como http://code.google.com/p/hyphenator/
El soporte para la separación del sombreador de brower no es confiable y la mejora en su soporte es dudosa.
perfecto, gracias. Sin embargo, me pregunto si puedes hacerlo con CSS. –
muchas gracias =) –
Kiitos, Jukka !!!! – Rossitten