Jquery 在这种情况下如何删除空格

我正在用javascript动态构建HTML

这是示例HTML代码

$(document).ready(function () {
    var cust_area = 'MYAREA'
    var cust_phone = '908988888'
    var cust_street_name = 'MYSTREET'
    var cust_name = 'SOMENAME'
    var cust_state = 'MYSTATE'
    var cust_locality = 'MYLOCALITY'
    var cust_city = 'MYCITY'
    var cust_building_no = 'MYBUILDING'

    var custaddresshtml = '<p>' + cust_name + ', +91-' + cust_phone + '</p>\
                             <p>'+ cust_street_name + '<br></p>\
                              <p>'+ cust_building_no + '<br>\
                            '+ cust_locality + ',' + cust_area + '<br>\
                            ' + cust_city + ',' + cust_state + '<br>\
                            </p>';
    $(".custmerAdres").html(custaddresshtml);
});

$（文档）.ready（函数（）{
var cust_area='MYAREA'
var cust_电话='90898888'
var cust_street_name='MYSTREET'
var cust_name='SOMENAME'
var cust_state='MYSTATE'
var cust_locality='MYLOCALITY'
var cust_city='MYCITY'
var cust_building_no='MYBUILDING'
var custaddresshtml=''+cust_name+'，+91-'+cust_phone+'
\
“+cust_street_name+”
\
“+客户大楼号+”
\
“+cust_Location+”，“+cust_area+”
\
“+cust_城市+”、“+cust_州+”
\
'；
$（“.custmerandres”）.html（custaddresshtml）；
});

当运行JSFIDLE时，您能告诉我为什么电话号码和街道号码后面会出现空格吗

---

你能告诉我如何解决这个问题吗？

这是因为风格的原因

p {
    margin: 1em 0 0;
}

如果删除

的样式，它将消失

---

这是因为风格

p {
    margin: 1em 0 0;
}

如果删除

的样式，它将消失

---

空间是由以下CSS引起的：

p {
    margin: 1em 0 0;
}

---

段落中有一个空白，由于电话号码后和街道名称前有一个p标记的结束符，这将应用于街道名称的段落。

空格是由以下CSS引起的：

p {
    margin: 1em 0 0;
}

段落中有一个空白，由于电话号码后和街道名称前有一个p标记的结束符，这将应用于街道名称的段落。

在CSS中，您有

p {
    margin: 1em 0 0;
}

删除它，它就会工作。

在CSS中，您有

p {
    margin: 1em 0 0;
}

---

删除它，它就会工作。

元素具有垂直边距。使用CSS（或使用

元素作为换行符）重新设置它们的样式可以解决您的问题。因为您在

元素上设置了

1em

边距，因为

边距：1em 0

元素具有垂直边距。使用CSS（或使用

元素作为换行符）重新设置它们的样式可以解决您的问题。因为您在

元素上设置了

1em

边距，因此

边距：1em 0