divが狭すぎてtext-align:justify(ギャップが広すぎる)ですが、右揃えまたは左揃えの場合、行の終わりに大きなギャップがあるため、不均一に見えます。左寄せが最適に見えますが、本のようにハイフンを使用できますか?CSSを使用していますか?
3 に答える
を使用hyphens: auto
して、コンテンツ言語を HTML で宣言した場合に使用できます<html lang=en-US>
。
ブラウザーのサポートはまだ制限されていますが、改善されています 。http://caniuse.com/css-hyphensを参照してください。
良い品質を得るには、ハイフネーションを手動で制御する必要がある場合があります。たとえば、­
そうでなければ間違ってハイフネーションされる可能性のある単語にソフト ハイフン ( ) を使用するなどです。
ハイフンは言語に依存します。オーバーフローした文字を次の行に配置して、本と同じ効果を得ることができません。ハイフネーションのルールは実際にはかなり複雑であり(http://dictionary2.classic.reference.com/writing/styleguide/division.htmlを参照)、(本のように)適切に実行できる唯一の方法は手動またはクライアント側またはサーバー側のスクリプト。cssだけではできないと思います。
http://code.google.com/p/hyphenator/のようなものを使用することをお勧めします
HTML のハイフネーションには、テキストに必要なものを追加するための JavaScript プログラムがあります。http://code.google.com/p/hyphenator/など
ブラウザのビルトイン ハイフネーションのサポートは信頼できず、そのサポートの改善は疑わしいものです。