2012-04-23 9 views
1

短いテキストは、テキストをセンタリングする、次のCSS3の技術が適用されると、テキスト-alignプロパティによって影響されていないようですなぜ私は(答えを参照)思っていた:テキストアラインメントの作成方法:右、表示:ボックスとボックスアラインメント:センターは一緒に短いテキストですか?

Vertical align text in block element

ここJSFiddleがありますhttp://jsfiddle.net/GqBAL/198/ があります:右のプロパティ:追加されたテキスト、整列している例を

しかし、テキストが短くなると、それは動作しませんhttp://jsfiddle.net/GqBAL/187/ (それが長いため予告ここにテキストが得るの適切整列)それには何らかの「理由」がありますか?私は何が欠けていますか?私はテクニックを使用したいと思っていますが、テキストの長さだけでなく長めの長さにもします。ありがとうございました!

答えて

2

私は理由についてはわかりません(ほとんどの場合、コンテンツをボックスとして表示することと関係があります)。しかし、解決策があります:box-pack propertyを使用してください。追加する:

+0

パーフェクト!どうもありがとう! – Seka

+0

...しかし、今や長いテキストは、それ以上右に揃えられません:([ここ](http://jsfiddle.net/GqBAL/225/)を参照してください)任意のアイデア? – Seka

+1

ああ、 -align:right "...それはうまくいく(http://jsfiddle.net/GqBAL/227/)!もう一度ありがとう! – Seka