我在做一个html表格。为了增加可读性,我希望当前行为粗体。我就是这样做的:
.displayTable tr:hover { color: #000000; font-weight: bold; }
但是,当我将内容填充整个单元格的行悬停时,表格单元格会更改其宽度,整个表格也会调整大小(因为粗体文本占用更多空间)。所以,我怎样才能防止这种情况,使细胞的宽度,就好像它是大胆的,没有敏锐地使t大胆?

最佳答案

你可以用text-shadow的效果来表现出类似的粗体风格,例如。

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

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

10-05 21:05
查看更多