Html 在不设置宽度的情况下对中

我要显示一条错误消息 如果没有背景，我可以使用文本对齐中心将其居中。但是现在它清楚地看到它占据了容器的整个宽度，它是一个

所以我给了宽度和边距：0自动； 但我不能将其类指定给其他每一条错误消息，因为宽度会改变。 那么有没有办法在不给出宽度的情况下将其居中

这是我目前拥有的

HTML:

将p元素的显示更改为内联块，然后将文本“对齐：居中”添加到父元素以使其居中

或者，您可以将p元素的显示更改为table as

值得注意的是。

将p元素的显示更改为inline block，然后将文本align:center添加到父元素以使其居中

或者，您可以将p元素的显示更改为table as

值得注意的是。

您可以将display:table用于p:

您可以使用display:table来显示：

---

这么简单的答案解决了所有问题，谁会想到一张桌子能用呢！：D@DanielCheung事实上，CSS表格布局相当灵活。在许多情况下，只有它才能解决问题，而最现代的布局仍然不能很好地得到旧版本Browser的支持。如此简单的答案解决了所有问题，谁会期望一个表可以工作呢！：D@DanielCheung事实上，CSS表格布局相当灵活。在许多情况下，只有它才能解决问题，而最现代的布局仍然不受旧版本浏览器的支持

<p class="error"><b>Error:</b> Dont select corners, select edges!</p>

.error{
    padding:15px;
    border:1px solid #ebccd1;  
    border-radius:4px;  
    background-color: #f2dede;
    margin:0 auto;
    font-family:consolas;
    font-size:17px;  
    color:#a94442;
    width:370px;
}

.parent {
    text-align:center;
}
.error {
    padding:15px;
    border:1px solid #ebccd1;
    border-radius:4px;
    background-color: #f2dede;
    font-family:consolas;
    font-size:17px;
    color:#a94442;
    display:inline-block;
}

.error {
  ...
  display:table;
}