javascript / jquery

Question

我在span元素中的各个段落中有几行。我的目的是拉动文本并使用jQuery在我的javascript中动态添加blockquote元素。除了造型之外，一切都有效，我不确定为什么。

我没有拍摄任何奇特的东西 - 在文字上方/下方，缩进，增加字体大小。

当我应用边框时，它适用于每一行！边距仅适用于第一行，而不适用于整个元素。

知道我在这里做错了什么吗？我尝试在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

Answer 1

q元素是内联元素。将显示更改为block或inline-block后，您的问题将得到解决。