Fatal编程技术网
  • css/
  • Css 水平居中<；p>；在div中，同时保持文本左对齐

Css 水平居中<；p>；在div中，同时保持文本左对齐

css

Css 水平居中<；p>；在div中，同时保持文本左对齐,css,alignment,text-alignment,Css,Alignment,Text Alignment,我有多个固定宽度的div，其中包含包含不同长度文本的标记 我希望此文本保持左对齐，但如果文本占用的空间不如div宽度大，我希望将此文本居中对齐 我认为实现这一点的最佳方法是在div内水平居中放置，同时保持文本左对齐，但我不确定如何做到这一点 我试过设置边距：0自动但是总是根据div的宽度调整大小（除非我告诉它，但我不想这样做，因为如果文本运行的时间比div长，我不想过早打断它…） 我在这里设置了一个JSFIDLE来演示： （基本上，在本例中，我希望“Lorem ipsum…”内容在不使用text

我有多个固定宽度的div，其中包含包含不同长度文本的
标记

我希望此文本保持左对齐，但如果文本占用的空间不如div宽度大，我希望将此文本居中对齐

我认为实现这一点的最佳方法是在div内水平居中放置
，同时保持文本左对齐，但我不确定如何做到这一点

我试过设置
边距：0自动
但是
总是根据div的宽度调整大小（除非我告诉它，但我不想这样做，因为如果文本运行的时间比div长，我不想过早打断它…）

我在这里设置了一个JSFIDLE来演示：

（基本上，在本例中，我希望“Lorem ipsum…”内容在不使用
text align:center；
的情况下集中对齐）

任何帮助都将不胜感激

谢谢大家!

将外部div设置为
文本对齐：居中和您的内部p的
显示：内联块


Fiddle:
如果文本字符串的宽度小于父div，您希望它居中吗？当它比div宽时左对齐？你比我快。它之所以有效，是因为外部div中的其他两个元素也居中。