html - 使包含普通文本的 td 与粗体一样宽

Question

我正在处理 html 表格。为了增加可读性，我希望当前行加粗。我是这样做的:

.displayTable tr:悬停
{
颜色:#000000；
字体粗细:粗体；
}

但是当我悬停内容填满整个单元格的行时，表格单元格会改变它们的宽度并且整个表格会调整大小(因为粗体文本会占用更多空间)。那么，如何通过使单元格像粗体一样宽而不实际使 t 粗体来防止这种情况发生呢？

Answer 1

您可以使用 text-shadow 效果提供类似粗体的样式，例如

td:hover {
  text-shadow:  0 0 1px #999;  
}

所以它不会影响文本的宽度。示例代码:http://codepen.io/anon/pen/cEqJK