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 に答える