我很近,但需要一些帮助.是否有任何方法可以在句子之后添加一个密切的引用,但在之前<cite>?
另外,我如何将整个blockquote页面居中?
<blockquote>
We came back to IBM because our previous provider was not as awesome.
<cite>Jon Jones, Vice President at Google</cite>
</blockquote>
Run Code Online (Sandbox Code Playgroud)
blockquote {
font-family: Georgia, serif;
font-size: 18px;
font-style: italic;
width: 500px;
margin: 0.25em 0;
padding: 0.25em 40px;
line-height: 1.45;
position: relative;
color: #616161;
}
blockquote:before {
display: block;
content: "\201C";
font-size: 80px;
position: absolute;
left: -20px;
top: -20px;
color: #7a7a7a;
}
blockquote cite {
color: #999999;
font-size: 14px;
display: block;
margin-top: 5px;
}
blockquote cite:before {
content: "\2014 \2009";
}
Run Code Online (Sandbox Code Playgroud)
刚刚添加了这些类来关闭引号.
blockquote:after {
display: block;
content: "\201D";
font-size: 80px;
position: absolute;
right: 20px;
top: 40px;
color: #7a7a7a;
}
blockquote cite:after {
content: "\2019 \2009";
}
Run Code Online (Sandbox Code Playgroud)
这是Demo.http://jsfiddle.net/kheema/3PTtv/3/