我有多个具有固定宽度的div,其中包含< p>包含各种文本长度的标签.
我希望这个文本保持左对齐,但如果文本没有占用div宽度那么多的空间,我想集中对齐这个文本.
我认为实现这一目标的最佳方法是将< p>水平居中.在div内,同时保持文本左对齐,但我不知道如何做到这一点.
我试过设置margin:0 auto;但是< p>总是调整到div的宽度(除非我告诉它,否则我不想这样做,因为如果文本运行的时间比div长,我不想提前破解它……)
我在这里设置了一个JSfiddle来演示:http://jsfiddle.net/VDhUa/
(基本上在这个例子中我想“Lorem ipsum …”的东西要集中对齐而不使用text-align:center;)
任何帮助将不胜感激.
谢谢!
解决方法
将外部div设置为text-align:center;和你的内在的p显示:内联块;