css - 子 div 自己的自动宽度使其在父 div 中居中

Question

我有一个内容 div，里面有一个 paragraph_content 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 的中心。

Answer 1

我通过以下方法修复了它:

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