Question

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

内容div为1000px宽。现在，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;
}

Answer 2

尝试将display:inline-block;设置为#paragraph_content以及width:100%;。

我不太清楚你的text-align:center;的问题是什么。如果您担心线之间的空间（如果我理解正确的话），您可以帮助调整元素的行高。

子div拥有自动宽度，以父div为中心

2 个答案: