単語間のギャップを最小限に抑えたいテキストの列があります。見つけましtext-justify
たが、IEでのみサポートされています。
見栄えを良くする他の css プロパティはありますか?
スクリーンショットのような狭い列では、text-justify: newspaper
文字の間に大きな間隔が作成されます。IEでも、ハイフンを使用せずに、このようなテキストを適切に正当化する方法はありません。
ハイフネーションは、 Hyphenators.jsなどのavaScriptベースのハイフネーションを使用しhyphens
、CSSのプロパティ(プレフィックス付きバージョンも含む)を使用して( JS以外のブラウジングの場合)バックアップすることで、ほとんどすべてのブラウジング状況で実現できます。IEに追加で使用することもできますがtext-justify: newspaper
、それが本当に改善されているかどうかを検討してください。
デモを参照してください。
を使用する場合は、前text-justify
に追加してください。前者は作業ドラフトCSSテキストモジュールレベル3に含まれているためです。text-justify: distribute
text-justify: newspaper
left
、center
、right
、またはjustify
テキストのいずれかを使用できます。現在、テキストは正当化されています。次のような方法でテキストの配置を設定できます。
text-align: left;
これにより、テキストが左揃えになります。
word-spacingプロパティを負の値で試すことができますが、指定されているため、ブラウザーに依存します。これは、正当化されたテキストを保持したい場合ですが、定義により、より大きく不均一なギャップが発生します。なぜあなたは使わないのですtext-align: left
か?