12

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

我希望此文本保持左对齐,但如果文本占用的空间不及 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 回答