css – 在div内水平居中,同时保持文本左对齐

前端之家收集整理的这篇文章主要介绍了css – 在div内水平居中,同时保持文本左对齐前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有多个具有固定宽度的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显示:内联块;

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

原文链接:https://www.f2er.com/css/217607.html

猜你在找的CSS相关文章