Soll ich "text-align: justify" vermeiden?
Gibt es einen Grund, Sie zu vermeiden, mit text-align: justify;
?
Verringert es die Lesbarkeit oder Probleme verursachen?
InformationsquelleAutor der Frage Gabe Sumner | 2008-11-24
Du musst angemeldet sein, um einen Kommentar abzugeben.
Erstens, dies ist ein reines design-problem und Lösung. Das design des Rasters legt fest, ob text ausrichten ist erforderlich. Ich denke, rechtfertigen, richten sich allein hat keinen wesentlichen Effekt auf die usability. Schlechte Typografie macht Texte unleserlich ist, was nimmt usability. Dieser sagte, stellen Sie sicher, dass Sie über solide Kontraste und einen guten Kompromiss aus Abstand in Ihrem Typ. Font-size matters zu.
Diese Website ist der erfolgreiche Versuch, zu rechtfertigen, text online. Da Sie nicht kontrollieren können, sind die Leerzeichen zwischen den Buchstaben und Worten fast so viel mit CSS wie kann man mit InDesign, es ist viel schwieriger zu rechtfertigen text und nicht 'Flüsse' von Leerzeichen führen Sie Ihre Zeilen, was passiert, wenn die Leerzeichen zwischen den Wörtern überschreitet die Räume zwischen den Linien. Dinge, die das rechtfertigen, text schwierig: lange Wörter, Zeilenbreite, die nicht halten genug der Worte und zu viel Kontrast zwischen text und hintergrund Farben, Sie lassen die Flüsse erscheinen breiter und deutlicher.
Das typografische ideal ist, um ein sogar text-block, wo Sie, wenn Sie "schielen", wird der text-block wird eine einheitliche solide Schatten. Also, wenn Sie halten Sie text auf etwa 10px und 60% Grau auf weißem hintergrund, und dass die Zeilen, die passen über 20 Worte, rechtfertigen, richten, sollte nicht hässlich Aussehen. Aber denken Sie daran, dies tut nichts, um die Benutzerfreundlichkeit zu verbessern. Kleinen, relativ leichten text ärgert viele Menschen, besonders die älteren Leser.
Sollte ich beachten Sie, dass mit
­
(weiche Silbentrennung) korrekt zu trennen lange lästige Worte wie superawesome Sie imitieren richtigen Satz (z.B. InDesign). Es gibt eine Menge Sachen, heraus dort, zum Sie zu helfen tun. Ich würde empfehlen, die Logik zum ausblenden, Bearbeiten und anzeigen von text auf der client-Seite, vielleicht mit diese.Bearbeiten: Wie andere erwähnt unten, css Bindestriche sind jetzt möglich, außer nicht möglich sind (nicht in Chrome). Plus, css4 bietet noch mehr Kontrolle.
InformationsquelleAutor der Antwort hlfcoding
text-align: justify sollte nicht verwendet werden im Browser im moment. Sie sind nicht gut im Umgang mit den kleinsten Einzelheiten innerhalb und die Ausgabe endet mit vielen Flüssen und es gibt keine Unterstützung für Silbentrennung (andere als die weiche Bindestriche).
Hinweis oben geschrieben wurde mit 4,5 Jahren. Die Dinge werden langsam ändern... http://caniuse.com/#feat=css-hyphens
Edit:
Silbentrennung war gebracht zu meiner Aufmerksamkeit in dieser Antwort Kommentare. Es sieht aus wie es macht text-align-justify Wert verwenden, schauen Sie sich die Websites, die Sie verwenden. Sie möchten möglicherweise verwenden Sie javascript anwenden text-align rechtfertigen, bevor Sie mit diesem script, so dass diejenigen ohne javascript nicht erwischt.
Edit 2:
CSS ermöglicht es nun, für Silbentrennung mit der
hyphens
Eigenschaft [browser-Unterstützung]. PPK ist nun zu sagen, um fügen Sie es zu Ihrer stylesheets, während Eric Meyer sagt fügen Sie es einfach für mobile.Edit 3:
Ein guter, kleiner überblick von Möglichkeiten zur Verfügung, um uns jetzt mit einigen SASS.
InformationsquelleAutor der Antwort dylanfm
Die Probleme gebracht, von anderen zu rechtfertigen Ausrichtung sind häufiger mit engen Spalten. Wenn die Spalten breit genug sind, in Bezug auf die Größe der Schriftarten, und andere Parameter, dann ist es ok, um zu rechtfertigen, den text. Sagen wir, Sie wollen ein minimum von 12 bis 15 Wörter pro Zeile im Durchschnitt. Je mehr, desto besser.
InformationsquelleAutor der Antwort allesklar
Es gibt keinen technischen Grund, nicht zu - es ist eine Reine design-Entscheidung. Viele Leute finden, dass Blocksatz text ist schwieriger zu Lesen, aber ich denke, es hängt von Ihrer situation. Obwohl es funktioniert gut für drucken, in der Regel web-Browser, geben Sie nicht genug Kontrolle über die eventuelle Ausgabe von text, um zu garantieren, dass das, was du bist dienen nicht Aussehen wie Mist auf manchen Bildschirmen.
Ihre beste option ist zu vermeiden Rechtfertigung.
InformationsquelleAutor der Antwort nickf
Ich kippe denke an einen zwingenden Grund, warum nicht zu rechtfertigen, text - an einem bestimmten Punkt das Volumen und die Breite der Inhalte, die fast verlangen, dass es gerechtfertigt sein. Natürlich bekommst du Probleme mit Inhalt, bestehend aus bestimmte Wort-Kombinationen, aber meiner Meinung nach wenn Sie sehen, Flüsse und ungewöhnlich große Abstände zwischen Wörtern, die Sie haben ein anderes problem zusammen - einer der besseren Lesbarkeit und Klarheit.
Was ich vermeiden würde, unter allen Umständen, ist der zentrierte text. Ich glaube nicht, dass es eine größere rote fahne der ammateurish web-design als, die.
InformationsquelleAutor der Antwort infoxicated
Ich lieber Links-Ausrichtung (text-align: left), weil es in der Regel besser lesbar. Es ist auch schneller zu Lesen, gleichmäßig angeordneten Wörter, so höre ich. Es sei denn, Sie haben einen stilistischen Grund für die Verwendung rechtfertigen, halten Sie es nach Links, rechts oder Mitte. Vor allem für Fließtext verwenden Sie die Links. (Tatsächlich, Sie würde wollen, dass so etwas wie "vorwärts" für text in der anderen Richtung (z.B. Hebräisch)...)
InformationsquelleAutor der Antwort strager
Wie alle web-design-Frage... es hängt davon ab. So wurde vorgeschlagen, den text im Blocksatz in der Regel nicht am Ende der Suche gut in schmalen Spalten. Ich würde empfehlen, gegen die es als eine Allgemeine Regel in den Seitenleisten wie Seitenleisten sind in der Regel schmal.
Körper mit Kopie an die oft empfohlenen 10 Wörter pro Zeile (oder mit einem beliebigen Betrag oben), werden Sie wahrscheinlich in der Lage sein, um Weg mit Blocksatz und es schaut Recht gut die meiste Zeit, es sei denn, Sie verwenden eine Menge wirklich lange Wörter und/oder Streichern.
Ich glaube, ich habe aufgehübscht, diese Seite auf StackOverflow vor, aber Jon Tan verwendet Blocksatz in seinem Körper zu kopieren (im Artikel) und es sieht gut aus 99,99% der Zeit.
InformationsquelleAutor der Antwort Andy Ford
Begründung sollte nicht verwendet werden, ohne Silbentrennung. Hier ist ein PHP-basierte Bibliothek für Silbentrennungund eine Portierung dieser Bibliothek auf ein WordPress-plugin: wp-Typography.
InformationsquelleAutor der Antwort kingjeffrey
Ich denke, es ist vollkommen OK auf drucken, aber es ist klobig auf den meisten Web-Browsern, durch die fehlende Feinabstimmung der Abstand und Silbentrennung. Typografen können auch spielen Sie etwas auf den Zeichenabstand oder die font-Kontraktion in einigen Fällen, wie die von Seiten/Spalten (zumindest in Zeitschriften) können fein abgestimmt.
InformationsquelleAutor der Antwort PhiLho
Erhh... Nein...!
[ernst] WordPress nutzt rechtfertigen, und ich denke, das ist eine ziemlich starke Aussage in Bezug auf ob oder nicht, es verringert sich die Lesbarkeit...
InformationsquelleAutor der Antwort Thomas Hansen
Können Sie auch text-justify:newspaper. Die text-zu rechtfertigen css-Tags können Sie Steuern, wie Sie wickeln den text, wenn Sie begründen,
InformationsquelleAutor der Antwort Julieta
Es sollte erwähnt werden, dass der Internet Explorer (zumindest bis version 8 nicht dargestellt
text-align: justify
richtig. Stattdessen wird interpretiert alstext-align: center
.Hier ist mehr info: text-align: justify
Verursacht mir etwas Kopfschmerzen heraus zu finden, warum der IE gehalten Zentrierung Zeug. Vielleicht spart es jemand anders einige Zeit.
InformationsquelleAutor der Antwort frequent