0

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

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

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

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

是）我有的：

#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 中。

4

2 回答 2

1

我通过以下方式修复了它：

#paragraph_content{
    display: table;
    margin: 0 auto;
}
于 2013-11-14T10:16:57.583 回答
0

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

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

于 2013-11-14T10:05:25.860 回答