为什么 div display:table-row 忽略 margin ？

如果你有 HTML div元素并排显示：table-cell;并且您想在它们之间设置边距，那么边距将没有影响。

例子：

HTML

  

    

        10
    
      
    

        20
    

  

输出：我们可以从上面的例子中得出结论，边距属性不会影响我们的输出。

无边际效应

margin 属性适用于所有元素，除了 table-caption、table 和 inline-table 以外的表格显示类型的元素。简单来说，我们可以说 margin 属性不适用于 display: table-cell 元素。当您进一步阅读此内容时，您将了解 padding 属性不会在单元格边缘之间创建空间。现在，我们脑海中会出现一个问题，我们将如何使用保证金属性？

我们可以使用不同的方法在表格中设置边距属性。

示例：我们可以通过使用border-spacing 属性来使用margin 属性。请记住，它应该应用于具有 display : table layout 和 border-collapse : 分离的父元素。

HTML

  

    

  

    

        

            
Geeks for Geeks
            
Portal
            
Discussion
        
    

  

输出：从这个例子可以得出结论，您可以通过这种方式设置边距属性。

边框间距和边框折叠

示例：在内部 div 中使用margin属性的第二种方法。

HTML

  

    

        

            Geeks For Geeks
        
    
    

        

            Portal
        
    

  

输出：

内部 div 边距