Question

我有一个简单的p，但我无法证明这一点。我把它集中在一起，但不知道如何辩解？

HTML：

<p>This is about meThis is about meThis is about meThis is about meThis is about meThis is about meThis is about meThis is about meThis is about meThis is about me</p>

CSS：

p{
    text-align: justify;
    margin: 0 auto;
}

Fiddle.

我查看了this帖子，但没有帮助！：（

Answer 1

请参阅此DEMO

.major_data .about p:nth-child(2){
text-align: justify;
 }

Answer 2

穆罕默德，

它看起来像你的最后一个CSS，你将text-align设置为'center'。如果你想让它完全合理，你希望它看起来像这样：

.major_data .about p:nth-child(2){
    text-align: justify;
}

基本上，text-align的可用选项是：

左
右键
中心
对齐

中心是您之前使用的，这就是您的文字居中的原因。 Justify在Word或其他东西中等同于“完整”，我相信这就是你要找的东西。

Answer 3

所以在搜索了一个小时后，我得到了一个简单的解决方案我是在p之后进入div的中心并得到它的合理性。大家都感谢您的回答！

以下是解决方案：Fiddle.

.major_data .about p:nth-child(2){
    text-align: justify;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 20px;
}

我们只需要一些宽度设置margin: 0 auto;并将p放到div的中心。

<p>如何集中和合理？</p>

3 个答案: