表格内的 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

另一种选择是在空元素中放置一个&nbsp;（不间断空格）<Button>：<Button&nbsp;class="btn&nbsp;btn-success">&nbsp;</Button>小提琴 nbsp 方法或者您可以使用此 css 方法，该方法使用::before选择器和带有转义 unicode 字符的 content 属性。在这种情况下\00a0相当于&nbsp;td&nbsp;button.btn.btn-success::before&nbsp;{ &nbsp;&nbsp;content:&nbsp;'\00a0'; }小提琴的CSS方法

Answer 2

要解决空按钮上的问题，您应该使用 CSS，而不是将高度设置为 100%，您可以简单地放置一个以像素为单位的值，例如 25px 似乎可以解决这种情况。td{&nbsp; padding:0;}td button, td div{&nbsp; width:100%;&nbsp; height:25px;}table th, table td {&nbsp; padding: 0!important;}这是您问题的结果： https: //jsfiddle.net/79jzkwup/