表格中按钮的宽度随超链接而变化答案

【问题标题】：Width of Buttons in table varying with hyperlinks表格中按钮的宽度随超链接而变化
【发布时间】：2018-01-20 21:06:01
【问题描述】：

我正在用按钮填充表格。如果条件为真，则按钮已启用超链接，如果为假，则超链接丢失。为了区分是否启用了超链接，我应用了 Bootstrap 类。但是有超链接的按钮的宽度比没有超链接的按钮要小。

HTML 代码是：-

if (true) {
     $tableRow  = $tableRow . '<td><input class="btn btn-info btn-xs view_data" style="text-align:center; vertical-align: middle;" type="button" name= "' . $trow . '"' . 'value= "' .  $trow . '"  id= "' .  $trow  . '" /></td>'; 
}else {
     $tableRow  = $tableRow . '<td><input class="btn btn-info btn-xs" style="text-align:center; vertical-align: middle;"   name= "' . $trow . '"' . 'value= "' .  $trow . '"  id= "' .  $trow  . '" /></td>'; 
}

请不要在其他情况下按钮类中缺少view_class。

输出截图如下：-

是否可以有相等的固定宽度按钮？

【问题讨论】：

标签： button width

【解决方案1】：

通过很少的 Hit & Try Method(HTM) 得到它：-

class="btn btn-success btn-xs btn-block active view_data"

在子句中添加btn-block 就可以了。现在列中的所有按钮都具有相同的宽度。

【讨论】：