我在做一个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