CSS开引号显示1个引号 [英] CSS open-quote shows 1 quotation mark

问题描述

我正在使用以下CSS在段落前添加引号:

I'm using the following CSS to add open quotes before a paragraph:

blockquote {
  padding: 22px;
  quotes: "\201C""\201D""\2018""\2019";
  font-size: 15px;
}
blockquote:before {
  color: #111;
  content: open-quote;
  font-size: 4em;
  line-height: 0;
  vertical-align: -0.4em;
}

当我添加两个以上的引用时，它们仅显示一个引号.我想显示2 ".我不知道为什么会这样.请以jsfiddle为例.

When I add more than two blockquotes they show only 1 quotation mark. I want to show 2 ". I can't figure out why this is happening. Please see jsfiddle for example.

http://jsfiddle.net/yg7j5mkm/

推荐答案

在打开另一个引号之前，必须先关闭引号.

You must close the quotes before open another one.

解决方法:用引号引起来，但看不见.

Here a workaround: Close quotes, but invisible.

blockquote {
  padding: 22px;
  quotes: "\201C""\201D""\2018""\2019";
  font-size: 15px;
}
blockquote:before {
  color: #111;
  content: open-quote;
  font-size: 4em;
  line-height: 0;
  vertical-align: -0.4em;
}
blockquote:after {
  visibility: hidden;
  content: close-quote;
}

<blockquote>
  <p style="display:inline;">Lorem ipsum dolor...</p>
</blockquote>

<blockquote>
  <p style="display:inline;">Lorem ipsum dolor...</p>
</blockquote>

<blockquote>
  <p style="display:inline;">Lorem ipsum dolor...</p>
</blockquote>

这篇关于CSS开引号显示1个引号的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！