在保持文本左对齐的情况下,水平居中<div>内的<p>。

12

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

我希望这些文本保持左对齐,但如果文本没有占满 <div> 的宽度,我想将其居中对齐。

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

我尝试设置 margin:0 auto; 但是 <p> 总是调整到 <div> 的宽度(除非我另行设置,但我不想这样做,因为如果文本比 <div> 还长,我不想提前换行...)

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

(基本上,在这个例子中,我希望 "Lorem ipsum..." 的文本居中对齐,而不使用 text-align:center;

任何帮助都将不胜感激。

谢谢!


所以,如果文本字符串的宽度小于父级 div 的宽度,您希望它居中对齐?如果它比 div 更宽,则左对齐? - paddotk
1个回答

26

1
你比我先完成了。这只能工作是因为外部 div 中的另外两个元素也被居中了。 - Enrico

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接