大雙引號：最好的方式來添加他們

我想在一些大的雙引號中包裝文本。我看着this tutorial，但似乎比我想象的要複雜一點。我的直覺告訴我，在這裏有人知道更聰明的方式。我開放給任何東西：CSS或PHP或Javascript或JQuery（但最好不是JS/Jquery）大雙引號：最好的方式來添加他們

來源

2009-12-13 Fred

你鏈接的這個教程非常簡單，你不會得到任何簡單的東西。 – McPherrinM 2009-12-13 04:57:21

它很簡單，你是對的，但它不適合我已經有的一些代碼。例如，blockquote強制頂部和底部填充，我不需要，圖像甚至不顯示。 – Fred 2009-12-13 05:11:23

@Fred：你有沒有嘗試過使用'padding' /'text-indent'值？ – 2009-12-13 05:25:07

本教程對我來說並不複雜 - 我認爲他們的方法相當不錯。如果你不喜歡在指定的: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工作。

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

來源

2009-12-13 05:14:11

我建議遵循他們的建議：只需添加一些樣式在一個blockquote元素給它一個您的大型報價的背景圖像。

如果你想要一個純CSS的解決方案，你可以使用這樣的事情：

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

當然，你必須與行的高度和利潤髮揮讓它看起來不錯，但即使如此，，它不會在IE中工作。

來源

2009-12-13 04:53:20 nickf

大雙引號：最好的方式來添加他們

回答

相關問題