Césure WebKit
Quelqu'un a réussi à mettre en œuvre la césure dans les navigateurs WebKit? J'ai essayé le CSS3 hyphenation
style ainsi que -webkit-hyphens: auto
. Pas de dés, soit de celles-ci. Ou peut-être que je suis en train de faire quelque chose de mal?
Note: je ne l'ai essayé Chrome et Safari sur un Mac.
Mise à jour: exemple de Code
<html>
<head>
<style>
div {
-webkit-hyphens: auto;
}
</style>
</head>
<body>
<div style="width: 150px; border: solid 1px black;">
<p>Anaideia, spirit of ruthlessness, shamelessness, and unforgivingness</p>
<p>Supercalifragilisticexpialidocious, Antidisestablishmentarianism, Floccinaucinihilipilification, Hippopotomonstrosesquipedaliophobia</p>
</div>
</body>
</html>
source d'informationauteur dandax
Vous devez vous connecter pour publier un commentaire.
-webkit-les traits d'union fonctionne très bien sur iOS 4.2 et versions ultérieures, et est partiellement pris en charge dans le webkit nightlies.
Webkit:
iOS 4.3:
Il fonctionne dans Safari (testé avec Safari 5.1 sur OS X Lion, et Safari mobile sur iPad), pas avec Chrome encore. Voir http://caniuse.com/css-hyphens pour les tirets prise en charge du navigateur.
Ici est la façon dont les paragraphes sont décorées dans les 320 et projet (http://www.stuffandnonsense.co.uk/projects/320andup/):
(la dernière ligne est pour Firefox)
Donc justifié de texte dans les navigateurs qui est un gros no-no est en train de devenir une réalité.
Des jours meilleurs sont à venir.. Après la navigation sur le Les rédacteurs du projet de travail - Dans l'exemple fourni, je pense que la meilleure propriété à l'avenir serait de " débordement-wrap:'. 'traits d'union:" est vraiment plus adapté à la mise en forme générale des exigences, alors que le dépassement de-wrap est pour les cas d'urgence de trop longues, des mots qui nécessitent casser. La meilleure valeur serait
Hélas débordement-wrap doesen " semblent être pris en charge en quelque sorte tout de suite sur l'iphone ou firefox, et trop-plein-wrap:la césure n'est même pas dans le projet de travail. (sadface)