子 div 自己的自动宽度以在父 div 中居中答案

【问题标题】：child div own auto width to center it in parent div子 div 自己的自动宽度以在父 div 中居中
【发布时间】：2013-11-14 18:16:57
【问题描述】：

我有一个内容 div，里面有一个段落内容 div，里面有段落。

内容 div 的宽度为 1000 像素。现在，paragraph_content 自动应用 1000px 宽度的内容。所以我永远不能用 margin: 0 auto 将它居中，所以段落中的文本会居中。现在我可以做 text-align: center 了，但是由于有些行更短并且全部居中，所以这些行不会显示在彼此下方。

我希望它居中，并且所有文本行都放在彼此正下方，而不是稍后插入。

我希望它居中，这样如果文本得到调整，它不仅会在右侧展开，而且左侧和右侧会自动展开，因此所有内容都保持居中。

我有什么：

#content{
    width: 1000px;
    float: left;
    overflow: hidden;
}

#paragraph_content{
    display: block;
    padding: 0;
    margin:0 auto;
    overflow: hidden;
}

#paragraph_content p{
    float: left;
    font-family: Lucida Console;
    font-size: 12px;
    padding: 5px;
}

http://jsfiddle.net/cUx2k/

我设置了边框来显示内容和子 div 的空间。例如，这些段落占用了右侧的所有空间，子 div 也是如此。所以我不能永远把它放在内容 div 中。

【问题讨论】：

创建Fiddle 是您在提问时可以做的最好的事情。仅仅看到 CSS 几乎不可能给你一个好的答案。

标签： css html center

【解决方案1】：

我通过以下方式修复它：

#paragraph_content{
    display: table;
    margin: 0 auto;
}

【讨论】：

【解决方案2】：

尝试将display:inline-block; 与width:100%; 一起设置为#paragraph_content。

在您的情况下，text-align:center; 有什么问题对我来说不是很清楚。如果您担心行之间的空间（如果我理解正确的话），您可以帮助调整元素的 line-height。

【讨论】：

嗨，我的意思是，假设您在彼此下方有 3 行文本。如果您将文本对齐居中。由于居中，较短的文本行将在稍后跳转。我希望所有行都从同一点开始。