定制的bootstrap 4表格单元格高度因列而异

Question

我有一个定制的Boostrap 4样式（减少填充，减小字体大小和颜色调整），表格单元格存在问题：同一个表格中的列之间的单元格高度不同，这会导致边框出现视觉问题，如下所示：

仔细观察后，我们可以看到s的高度略有差异，.6差异通常足以在大多数情况下显示视觉错误：

这是我自定义样式表的jsfiddle。请注意，您可能看不到边框错误，有时会显示边框错误，有时则不会显示边框错误，因为小的＆lt; 1像素差异。

以下是默认_variables.scss的更改：

[glenn@centos7 scss]$ diff --side-by-side --suppress-common-lines ../../original/bootstrap-4.0.0/scss/_variables.scss _variables.scss 
$blue:    #007bff !default;                                   | $blue:    #337ab7 !default;
  "gray-dark":  $gray-800                                     | "gray-dark":  $gray-800,
  xl: 1200px                                                  | xl: 1200px,
                                                              > xl2: 1600px,
                                                              > xl3: 1800px
$line-height-sm:              1.5 !default;                | $line-height-sm:              1 !default;
$font-family-sans-serif:      -apple-system, BlinkMacSystemFo | $font-family-sans-serif:      Arial, -apple-system, BlinkMacS
$font-size-base:              1rem !default; // Assumes the b | $font-size-base:              .8rem !default; // Assumes the 
$line-height-base:            1.5 !default;                | $line-height-base:            1.25 !default;
$table-cell-padding:          .75rem !default;                 | $table-cell-padding:          .5rem !default;
$input-btn-padding-y:         .375rem !default;            | $input-btn-padding-y:         .3rem !default;
$input-btn-padding-x:         .75rem !default;                | $input-btn-padding-x:         .6rem !default;
[glenn@centos7 scss]$ 

由于