在javascript/jquery中添加blockquote的CSS

我在span元素中的各個段落中有幾行。我的意圖是拉動文本，並使用jQuery在我的javascript中動態添加一個blockquote元素。除了造型以外，一切都應該如此，我不確定原因。在javascript/jquery中添加blockquote的CSS

我沒有拍攝任何花哨的東西 - 文字上方/下方的行，縮進，增加字體大小。

當我使用邊框時，它適用於每一行！保證金僅適用於第一行，而不適用於整個元素。

任何想法我在這裏做錯了嗎？我也嘗試向Q元素添加一個類，結果相同。

$(document).ready(function() { 

$("span").each(function() { 
    var quote = ($(this).text()); 
    quote = quote.substr(0,1).toUpperCase()+quote.substr(1); // Capitalize first letter 
    quote = ("<q>"+quote+"</q>"); // add blockquote element to string 
    $(this).parent().after(quote); // insert blockquote after parent of span 
    $("q").css({ 
    // "border": "3px gray" , 
    // "border-style": "ridge none", 
     "font-size": "125%", 
     "margin": "1em", 
     "color": "red" 
    }); 
}); // end each 

}); // end ready

來源

2017-03-12 mallorz

提供一個自包含的示例總是可以幫助人們爲您提供解決方案。 – Christoph

那麼你對造型有什麼期望？ – DrKey

DrKey - 我想要在整個blockquote元素周圍有一個頂部和底部邊框，並且要縮進。 – mallorz

q元素是內聯元素。一旦將顯示屏更改爲block或inline-block，您的問題將得到解決。

來源

2017-03-12 20:01:50 Christoph

釘住它。非常感謝！就是這樣。 – mallorz

在javascript/jquery中添加blockquote的CSS

回答

相關問題