如何消除之前和之后的额外空间<form>标签 ？

如何消除

标签前后的多余空间？

在本文中，我们将学习如何消除 HTML 中表单标签后的多余空格。

方法 1：我们可以通过简单地使用margin-bottom属性来删除任意两个标签之间的空格。 margin-bottom 属性设置元素的下边距。我们将为特定标签的 margin-bottom 分配一个负值，以消除标签之间的额外空间，如图所示。

下面的示例将演示这种方法。

示例：在此示例中，我们将通过将第一个标题标签的margin-bottom设置为-8px 来删除第一个标题标签和表单之间的额外空间。

HTML

  

    

        FORM BELOW
    
    
        
            First name:
        
        

        
        

        
            Last name:
        
        

        
    
    
FORM ABOVE

  

输出：

方法 2：我们也可以使用margin-top属性来消除多余的空间。 margin-top 属性设置元素的上边距。当我们使用 margin-top 时，我们必须将它应用到标签上，这样我们就必须消除它上面的额外空间。这个例子演示了这种方法。

示例：在此示例中，我们将通过将 form 标签的margin-top设置为-8px来删除表单和第二个标题标签之间的额外空间。

HTML

  

    
FORM BELOW
    

        
            First name:
        

        
        

        
            Last name:

        
    
    

        FORM ABOVE
    

  

输出：