在HTML的列中有一个按钮。

  <div class="col center-items btn-row">
    <button class="button-text-big-class btn" type="button">
      Hello World
    </button>
  </div>

按钮的顶部和底部有间距（不是填充，这似乎是按钮元素的一部分），应该删除。

如何删除文本顶部和底部的间距--而不更改元素类型或删除任何导入的css类--使其看起来更像:

注意：这不是填充问题。我已尝试删除填充

  <div class="col center-items btn-row">
    <button class="button-text-big-class btn" type="button">
      Hello World
    </button>
  </div>

但这没有任何作用。在按钮元素本身中，在按钮中的文本与按钮元素的顶部和底部之间存在间距。我还检查了该元素，并验证了没有css在添加填充。

以下是呈现的css供参考:

  <div class="col center-items btn-row">
    <button class="button-text-big-class btn" type="button">
      Hello World
    </button>
  </div>

顺晟科技：

间距与填充元素有关，请参见我的示例，其中我有两个具有不同填充的按钮，以及它如何影响每个按钮: