大双引号：添加它们的最佳方法答案

【问题标题】：Large double quotes: best way to add them大双引号：添加它们的最佳方法
【发布时间】：2009-12-13 04:48:42
【问题描述】：

我正在尝试用一些漂亮的大双引号将文本换行。我查看了this tutorial，但似乎比我想象的要复杂一些。我的直觉告诉我这里有人知道更聪明的方法。我对任何事物都持开放态度：CSS、PHP 或 Javascript 或 Jquery（但最好不要 JS/Jquery）

【问题讨论】：

你链接的那个教程很简单，你不会得到任何更简单的东西。
它很简单，你是对的，但它与我已经拥有的一些代码不兼容。例如，块引用强制我不需要的顶部和底部填充，并且图像甚至没有显示出来。
@Fred：您是否尝试过使用 padding/text-indent 值？

标签： php javascript jquery css

【解决方案1】：

本教程对我来说并不太复杂——我认为他们的方法相当不错。如果您不喜欢在 :first-letter 中指定其中一张背景图片，您可以使用 CSS3 对多个背景图片的支持：

blockquote {
    background: url("open-quote.gif") top left no-repeat,
            url("close-quote.gif") bottom right no-repeat;
    /* Other rules... */
}

...但这仅适用于some browsers。

如果我是你，我会使用教程中描述的方法。

【讨论】：

【解决方案2】：

我建议遵循他们建议的方法：只需在块引用元素上添加一些样式，为其提供大引号的背景图像。

如果你想要一个纯 CSS 解决方案，你可以使用这样的东西：

blockquote:before, blockquote:after {
    content: '"';
    font-size: 400%;
}

当然，你必须调整行高和边距才能让它看起来不错，但即便如此，它在 IE 中也行不通。

【讨论】：