1

テキストを中央揃えにするための次のCSS3テクニックが適用されると、なぜ短いテキストがtext-alignプロパティの影響を受けないように見えるのか疑問に思いました(回答を参照)。

ブロック要素のテキストを垂直方向に揃えます

text-align:rightプロパティが追加されたその例のJSFiddleは次のとおりです。http://jsfiddle.net/GqBAL/187/(ここでは テキストが長いため、テキストが正しく配置されることに注意してください)

しかし、テキストが短くなると、機能しなくなります。http: //jsfiddle.net/GqBAL/198/ そのための何らかの「理由」はありますか?私は何が欠けていますか?このテクニックを使用したいのですが、長いテキストだけでなく、任意のテキスト長に使用できます。ありがとうございました!

4

1 に答える 1

2

理由はよくわかりません (おそらく、コンテンツをボックスとして表示することに関係しています)。しかし、解決策があります:box-packプロパティを使用します。追加する

-webkit-box-pack: end;
-moz-box-pack: end;

あなたの例では、トリックを行いました。

于 2012-04-23T19:42:21.243 に答える