Html 在移动视图中,如何使表格中的单元格元素之间具有相等的间距?

Html 在移动视图中,如何使表格中的单元格元素之间具有相等的间距?,html,css,responsive,Html,Css,Responsive,我正在开发一个移动视图,我希望在移动视图中单元元素之间具有相等的间距 对于我想要相等间距的特定代码部分,HTML代码为: HTML代码: <td id="gv-field-6-25" class="gv-field-6-25"></td> <td id="gv-field-6-29" class="gv-field-6-29">2016</td> 问题陈述: 我想知道我应该在CSS代码中做些什么更改(不能更改HTML代码,因为它都来自wordp

我正在开发一个移动视图,我希望在移动视图中单元元素之间具有相等的间距

对于我想要相等间距的特定代码部分,HTML代码为:

HTML代码:

<td id="gv-field-6-25" class="gv-field-6-25"></td>

<td id="gv-field-6-29" class="gv-field-6-29">2016</td>
问题陈述:

我想知道我应该在CSS代码中做些什么更改(不能更改HTML代码,因为它都来自wordpress),以便在边框前后的元素之间有相等的间距

附件是我希望边框前后间距相等的屏幕截图:

第一张图片:

第二张图片:

第三张图片:

第四幅图像:

在上面的屏幕截图中,边框前后的间距都是关闭的。我想知道我应该在小提琴上做些什么改变,这样我才能在边界前后找到相等的间距

  • .gv-container-2777 td
    提供相同的值

    .gv-container-2777 td{

    margin-top: 5%;
    margin-bottom: 5%;
    
    }

  • 删除
    .gv-container-2777 td::before的
    页边距底部


  • 问题来自您的
    td::before
    页边距底部
    ;那些没有奖项的人不会得到额外的利润。简单地删除它是可以接受的吗?
    margin-top: 5%;
    margin-bottom: 5%;