在div内水平居中<p>,同时保持文本左对齐

bra*_*cho 10 css alignment text-alignment

我有多个具有固定宽度的div,<p>其中包含包含不同长度文本的标签.

我希望这个文本保持左对齐,但如果文本没有占用div宽度那么多的空间,我想集中对齐这个文本.

我认为实现这一目标的最佳方法是<p>在div内水平居中,同时保持文本左对齐,但我不知道如何做到这一点.

我已经尝试过设置,margin:0 auto;<p>总是调整到div的宽度(除非我告诉它,否则我不想这样做,因为如果文本运行的时间比div长,我不想提前打破它. ..)

我在这里设置了一个JSfiddle来演示:http://jsfiddle.net/VDhUa/

(基本上在这个例子中,我想"Lorem ipsum ......"的东西要集中对齐而不使用text-align:center;)

任何帮助将不胜感激.

谢谢!

qoo*_*mao 22

设置你的外部div text-align: center;和你的内部pdisplay: inline-block;

小提琴:http://jsfiddle.net/ZL4GM/