Question

我在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);
});

当jsfiddle运行时，你能告诉我为什么电话号码和街道号码后面的空间会来吗？

Fiddle Demo

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

Answer 1

这是因为风格

p {
    margin: 1em 0 0;
}

如果删除<p>
的样式，它将会消失

<强> Fiddle Demo

Answer 2

空间由以下CSS引起：

p {
    margin: 1em 0 0;
}

在段落中应用了保证金，当您在电话号码之后和街道名称之前关闭p标签时，这将应用于街道名称的段落。

Answer 3

在你的CSS中，你有

p {
    margin: 1em 0 0;
}

删除它并且它将起作用。

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

3 个答案: