我有多个固定宽度的 <div>
,包含不同长度文本的 <p>
标签。
我希望这些文本保持左对齐,但如果文本没有占满 <div>
的宽度,我想将其居中对齐。
我认为实现这个的最好方法是在 <div>
中水平居中 <p>
,同时保持文本左对齐,但我不知道如何做到这一点。
我尝试设置 margin:0 auto;
但是 <p>
总是调整到 <div>
的宽度(除非我另行设置,但我不想这样做,因为如果文本比 <div>
还长,我不想提前换行...)
我在这里设置了一个 JSfiddle 来演示:http://jsfiddle.net/VDhUa/
(基本上,在这个例子中,我希望 "Lorem ipsum..." 的文本居中对齐,而不使用 text-align:center;
)
任何帮助都将不胜感激。
谢谢!