我在这里遇到了一些愚蠢的问题。我试图将一个段落对齐,所以它看起来像这样:
相反......它看起来像这样:
我想要一个完全笔直的段落。 这适用于< 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;
}
答案 0 :(得分:1)
您可以尝试使用属性none |的CSS3连字符manuel |自动
连字符属性控制块级元素中文本的连字符。你可以防止连字符发生,允许连词,或者只在某些字符出现时才允许连字符。
.textclass{
hyphens: auto;
text-align: justify
}
如果您不想使用上面的代码,可以尝试稍微改写一下您的断行。
您的代码可能会覆盖某些内容。
尝试:
<br />
<br></br>
</br>
任何这些都应该可以解决问题。