12

<p>さまざまな長さのテキストを含むタグを含む固定幅の複数のdivがあります。

このテキストを左揃えにしておきたいのですが、テキストがdiv幅ほど多くのスペースを占めない場合は、このテキストを中央に揃えたいと思います。

これを実現する最善の方法は<p>、テキストを左揃えにしたままdiv内を水平方向に中央揃えすることだと思いますが、これを行う方法がわかりません。

設定を試みmargin:0 auto;ましたが、<p>常にdivの幅にサイズ変更されます(特に指定しない限り、テキストがdivより長く続く場合は、早く分割したくないため、これは行いたくありません。 ..)

ここにJSfiddleを設定して、デモンストレーションを行いました:http: //jsfiddle.net/VDhUa/

(基本的に、この例では、「Lorem ipsum ...」を使用せずに中央に配置したいと思いますtext-align:center;

どんな助けでも大歓迎です。

ありがとうございました!

4

1 に答える 1

25

外側のdivをに設定text-align: center;し、内側のpをに設定しますdisplay: inline-block;

フィドル: http: //jsfiddle.net/ZL4GM/

于 2012-11-30T13:51:52.473 に答える