CSS文本理由不会居中

时间:2015-02-18 15:01:29

标签: html css

我在这里遇到了一些愚蠢的问题。我试图将一个段落对齐,所以它看起来像这样:

enter image description here

相反......它看起来像这样:

enter image description here

我想要一个完全笔直的段落。  这适用于< 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;
}

1 个答案:

答案 0 :(得分:1)

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

连字符属性控制块级元素中文本的连字符。你可以防止连字符发生,允许连词,或者只在某些字符出现时才允许连字符。

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

如果您不想使用上面的代码,可以尝试稍微改写一下您的断行。

您的代码可能会覆盖某些内容。

尝试:

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

任何这些都应该可以解决问题。