我正在尝试创建以下效果:
我可以将第一个包含内容和符号&#39; \ 201C&#39;,但第二个&#39; \ 201D&#39; < / strong>总是在最后一行和之前的行之间创建一个大空间。
图像中的字体是helvetica,这就是为什么它与jsfiddle示例略有不同:
我的HTML是:
This is a testing message to show the functionality
- The Guy -
我的css,没有任何引用的尝试是:
#aaa-BoxBioBlogger{
width: 325px;
height: 282px;
background-image: url('http://i.imgur.com/mFYYD8J.jpg');
background-size: cover;
}
.theQuoteBioBlogger {
position: relative;
top: 43%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
color: #fff;
text-align: center;
}
.fromquoteBioBlogger {
text-transform: uppercase;
}
.quoteBioBlogger {
width: 76%;
line-height: 1.3em;
margin: 20px auto;
font-size: 1em;
}
感谢您的帮助