表格内的 Bootstrap 空按钮。如何设置100%高度？

Question

您好，我在将 Bootstrap 表中的空按钮设置为 100% 高度时遇到问题。这是我的情况：jsfidle我使用了这个，但空按钮未设置为 100%td{  padding:0;}td button, td div{  width:100%;  height:100%;}table th, table td {  padding: 0!important;}

Answer 1

另一种选择是在空元素中放置一个 （不间断空格）<Button>：

<Button class="btn btn-success">&nbsp;</Button>

小提琴 nbsp 方法

或者您可以使用此 css 方法，该方法使用::before选择器和带有转义 unicode 字符的 content 属性。在这种情况下\00a0相当于 

td button.btn.btn-success::before {
  content: '\00a0';
}

小提琴的CSS方法

Answer 2

要解决空按钮上的问题，您应该使用 CSS，而不是将高度设置为 100%，您可以简单地放置一个以像素为单位的值，例如 25px 似乎可以解决这种情况。

td{

  padding:0;

}

td button, td div{

  width:100%;

  height:25px;

}

table th, table td {

  padding: 0!important;

}

这是您问题的结果： https: //jsfiddle.net/79jzkwup/