Bootstrap 4 响应 table header 对齐问题
Bootstrap 4 responsive table header alignment issue
我正在使用 类 d-none 和 d-md-block 30=] 隐藏较小分辨率的特定列。除了一个例外，它工作得很好。使用这些 类 的列与其他列略微不对齐。检查该列时，我找不到任何可能导致此问题的规则。
似乎这些列的填充或边距可能偏离了几个像素，但我终究无法确定。填充和边距似乎与 non-responsive 列相同。这是问题的示例：
您可以在 https://bitmagi.com/ 查看代码，然后点击“Trades/Add 交易”菜单。
问题是由 d-md-block 引起的。所做的是使 table 单元格变成块元素，这不是 <th> 的默认行为。因此间距问题。
解决方案：使用 d-md-table-cell 代替 d-md-block
工作示例：
<th class="d-none d-md-table-cell" style="text-align: right;">Exchange</th>
我正在使用 类 d-none 和 d-md-block 30=] 隐藏较小分辨率的特定列。除了一个例外，它工作得很好。使用这些 类 的列与其他列略微不对齐。检查该列时，我找不到任何可能导致此问题的规则。
似乎这些列的填充或边距可能偏离了几个像素，但我终究无法确定。填充和边距似乎与 non-responsive 列相同。这是问题的示例：
您可以在 https://bitmagi.com/ 查看代码，然后点击“Trades/Add 交易”菜单。
问题是由 d-md-block 引起的。所做的是使 table 单元格变成块元素，这不是 <th> 的默认行为。因此间距问题。
解决方案：使用 d-md-table-cell 代替 d-md-block
工作示例：
<th class="d-none d-md-table-cell" style="text-align: right;">Exchange</th>