Html 如果我没有'；我不能提前知道宽度是多少？

我试图在div中使用一些文本将段落标记居中，但似乎无法使用margin:0 auto将其居中，而不必为段落指定固定的宽度。我不想指定一个固定的宽度，因为我会在段落标记中加入动态文本，并且根据文本的多少，它的宽度总是不同的

---

有人知道如何在不必为段落指定固定宽度或不使用表格的情况下，将段落标记居中放置在div中吗

尝试使用内联CSS：

<p style="text-align: center;">Lorem ipsum dolor sit amet</p>

Lorem ipsum dolor sit amet

或者只使用HTML

<p align="center">Lorem ipsum dolor sit amet</p>

Lorem ipsum dolor sit amet

找到了这个：。

下面是如何使用样式表来完成它

样式表：

div.center-content
{
    text-align: center;
}

div.center-content p
{
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

HTML:

Lorem ipsum dolor sit amet

除了“文本对齐”属性之外

用于将块元素（如div）内的元素居中

像使用css一样使用css

margin:auto 保证金：自动 类似于下面发布的内容

垂直居中时，最好使用表格（在大多数情况下，这是唯一与跨浏览器兼容的解决方案）

你可以用

"text-align:center" "vertical-align:middle" “文本对齐：居中” “垂直对齐：中间”

---

如果div已经设置了宽度，那么您只需要

.myDiv{text align:center；}

同时听听加里的评论。在任何情况下都不能使用内联css

还有一个肮脏的修复程序，以防您的div to center中有其他内容：

你可以随时：

$（'.you段落或.otherContent'）.wrap（''）

显然，如果您在一个大型团队中工作，并且关注点分离是一个问题，那么就不要这样做

---

我希望这会有所帮助。

嗯，自动边距需要设置宽度，因为默认情况下块级元素（如）会扩展到整个可用宽度

如果你不支持IE<8，你可以设置{display:table；margin:0auto；}

否则，如果您的元素被块级元素包围，则可以执行p{display:inline block；}p{display:inline；}html>/**/body p{display:inline block；}（最后两个规则用于IE，并重置针对sane浏览器的IE修复），然后在容器上应用{text align:center；}

正如有人已经提到的，有关更多信息，请参阅

干杯！

---

Zoffix Znet

我认为最好的方法是将元素包含在块级元素中，并执行以下操作：

.innerElement {margin:0 auto}

---

考虑到它们都是块级元素，没有float参数，它应该工作得很好

这是一个很好的解决方法

---

是无表的，可以在任何浏览器中使用

你能解释一下为什么我们需要第二个CSS规则吗？我的习惯是，一旦我不再需要它，就删除文本的中心对齐。在这种情况下，它不会有任何效果。自动边距可能有助于在某些浏览器中对齐，同样，这只是我出于习惯而做的事情，我记不起它的确切原因。啊。。。现在，我明白了。如果没有规则，“p”将从其周围的“div”继承“text align:center”（因此段落内的文本也将居中）。是的，没错。我忘了将它切换回足够多的时间，现在默认情况下可以这样做。与外部样式表相比，内联CSS是一种糟糕的做法，使用align属性与使用CSS相比是一种糟糕的做法。

.innerElement {margin:0 auto}