CSS文本对齐不居中

Question

我这里有个很愚蠢的问题。我试着居中对齐一个段落，使它看起来像这样：

​

​

Instead...it看起来像这样：

​

​

我想要一个完全笔直的段落。这适用于< h2 >段落< /h2 >

我试过了：

text-align: justify;

和

text-align: center;

这是幻灯片2的css

/*slide 2 */
#slide-2 .bcg {
position: relative;
background-color: #1C1C1C;
padding:200px;
}

slide-2 .hsContent {
        position: relative;
}

slide-2 .hscontainer {
        width: 100%;
        height: 80%;
        overflow: hidden;
        position:relative;
}
#slide-2 h1 {
               /*  background-color: rgba(0,0,0,0.6);*/
                margin-top:0;
                 padding:20px;
                color: #d2d2d2;
                font-size: 30px;
                line-height: 20px;
                 position: relative;
               text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}

#slide-2 h2 {
                 bottom: 10px;
                 color: #696d6d;
                 font-size: 16px;
                 line-height: 150%;
                 position: absolute;
                 line-spacing: 1px;
                 text-align: justify;
}

Answer 1

您可以尝试使用属性为none | manuel | auto的CSS3连字符

hyphens属性控制块级元素中文本的连字符。您可以完全阻止、允许或仅当存在某些字符时才允许进行连字。

.textclass{ 
hyphens: auto; 
text-align: justify
}

如果你不想使用上面的代码，你可以试着用一些不同的方式来写你的分隔线。

看起来你的标签覆盖了一些东西。

尝试：

<br />
<br></br> 
</br>

其中任何一个都应该能起到作用。