0

単語間のギャップを最小限に抑えたいテキストの列があります。見つけましtext-justifyたが、IEでのみサポートされています。

見栄えを良くする他の css プロパティはありますか?

4

4 に答える 4

2

スクリーンショットのような狭い列では、text-justify: newspaper文字の間に大きな間隔が作成されます。IEでも、ハイフンを使用せずに、このようなテキストを適切に正当化する方法はありません。

ハイフネーションは、 Hyphenators.jsなどのavaScriptベースのハイフネーションを使用しhyphens、CSSのプロパティ(プレフィックス付きバージョンも含む)を使用して( JS以外のブラウジングの場合)バックアップすることで、ほとんどすべてのブラウジング状況で実現できます。IEに追加で使用することもできますがtext-justify: newspaper、それが本当に改善されているかどうかを検討してください。

デモを参照してください。

を使用する場合は、前text-justifyに追加してください。前者は作業ドラフトCSSテキストモジュールレベル3に含まれているためです。text-justify: distributetext-justify: newspaper

于 2012-12-07T06:39:20.907 に答える
2

leftcenterright、またはjustifyテキストのいずれかを使用できます。現在、テキストは正当化されています。次のような方法でテキストの配置を設定できます。

text-align: left;

これにより、テキストが左揃えになります。

于 2012-12-07T02:15:07.893 に答える
0

word-spacingプロパティを負の値で試すことができますが、指定されているため、ブラウザーに依存します。これは、正当化されたテキストを保持したい場合ですが、定義により、より大きく不均一なギャップが発生します。なぜあなたは使わないのですtext-align: leftか?

于 2012-12-07T02:15:00.100 に答える