Question

如何删除HTML中段落之间的空格？

<p class="first">This is a small demo</p>
<p class="second">This is second demo</p>

Answer 1

您可以使用margin: 0;删除空格。

p { margin: 0; }

如果仍然无效，请尝试将其设为!important

p { margin: 0 !important; }

选中此http://jsfiddle.net/zg7fP/1/

Answer 2

尝试在顶部段落上设置margin-bottom: 0，在底部段落<{1}}设置

或者您可以使用div代替段落

Answer 3

您可以使用CSS将默认边距设置为零：

$(document).ready(function () {
    $("input[type='checkbox']").on('change', function () {
        var $parent = $(this).parent("td");
        var _invoice_id= $parent.siblings("td.name\\?ajax_invoice_id").html();

        var _payed="";
        if ($parent.hasClass("name?ajax_payed")) {
           _payed = this.checked;
        } else {
           _payed = $parent.siblings("td.name\\?ajax_payed").find("input[type='checkbox']").is(":checked");
        }
        var _sent="";
        if ($parent.hasClass("name?ajax_sent")) {
           _sent = this.checked;
        } else {
           _sent = $parent.siblings("td.name\\?ajax_sent").find("input[type='checkbox']").is(":checked");
        }




         alert('invoice_id: ' + _invoice_id + '\r\npayed: ' + _payed + '\r\nsent: ' + _sent);
    });
});

Answer 4

您应该使用p {margin: 0 auto;}

如果你想添加缩进（如果删除段落之间的空格，建议使用）一个好的技巧是：

p + p {text-indent: 1.25em;}

Answer 5

如果您使用引导程序，这是解决方案：类m-0

<p class="m-0">text</p>

Answer 6

把两者放在一套 p并与br分开

Answer 7

尝试使用line-height: 100%;或其他您认为可以很好地支持HTML的百分比。

Answer 8

您可以在段落元素中添加一系列“ m-x”类，其中x（0+）代表整数，这些整数驱动段落之间的间隔不断增加：

例如，段落之间将没有空格

<p class="m-0">hello world</p>
<p class="m-0">hello world</p>

例如，它将有更多内容：

<p class="m-1">hello world</p>
<p class="m-1">hello world</p>

例如，它将有更多：

<p class="m-2">hello world</p>
<p class="m-2">hello world</p>

依此类推...

如何删除段落之间的空格（p）

8 个答案: