如果我事先不知道宽度是多少，如何将某些东西居中？

Question

我试图将段落标签与 div 中的一些文本居中，但我似乎无法使用边距将其居中：0 auto 无需为段落指定固定宽度。我不想指定固定宽度，因为我会将动态文本放入段落标记中，并且根据文本的数量，它始终会具有不同的宽度。

有谁知道如何在 div 内将段落标签居中，而无需指定段落的固定宽度或不使用表格？

Answer 1

下面是如何使用样式表来做到这一点。

样式表：

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

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

HTML：

<div class="center-content">
    <p>Lorem ipsum dolor sit amet</p>
</div>

Answer 2

发现这一点：定心块级内容具有未知宽度

Answer 3

除了 “文本对齐” 属性

用于定心块元素中的元素等的div

使用的CSS等

 margin:auto

像什么下面贴

当垂直定心，其最好使用表（这在大多数情况下是唯一的跨浏览器兼容的解决方案）

可以使用

 "text-align:center"  

 "vertical-align:middle" 

Answer 4

我认为最好的方法是在包含块级元素的元素和做：

.innerElement {margin:0 auto}

由于他们不具备浮动参数都块级元素，它应该工作太棒了！

Answer 5

这是一个很好的解决方法 将没有宽度的 div 居中.

是无表的并且可以在任何浏览器中工作！

Answer 6

尝试此使用内联CSS：

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

或者仅使用HTML

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

Answer 7

如果在div已设定宽度你需要的是

.myDiv {文本对齐：中心; }

也听加里的评论。在任何情况下使用内联的CSS。

此外，在另一情况下，脏定为这必须在div到中心其他的东西：

可以始终：

$（ 'youParagraph或.otherContent '）包裹（''）;

显然，如果您有一个大的团队中工作和关注点分离是一个问题，不练这个。

我希望这有助于。

Answer 8

嗯，自动利润的需要设置宽度由于通过默认的框级别的元素，例如

将扩大到整个可用的宽度。

如果你不支持即 < 8你可以只集{显示：表；保证金：0自动；}

否则，如果你的元素周围框级别的元素，你可以做个p{显示：内联块；}p{显示：inline;}html>/**/body p{显示：内联块；}(最后两个规则是即和重置即修复理智的浏览器)之后，申请{文字调整:中心；}在容器上。

正如有人已经提到，请参阅 http://haslayout.net/css-tuts/Horizontal-Centering 更多的信息。

干杯！Zoffix Znet