html - 如何在悬停时更改字体大小而不重新对齐其他文本？

Question

我想在 css 中使用悬停伪类来增加表格中各个链接的大小，但是每次将它们悬停时，大小增加都会影响行/列的大小以及表格中的所有其他链接依此移动。

有什么方法可以仅使用 css 和 html 来防止这种情况？

Answer 1

您可以使用 CSS3 变换来缩放链接而不会引起周围元素的重新定位，例如:

table a:hover{ -webkit-transform: scale(1.2); }

-webkit- 可以针对其他供应商进行更改(例如，-moz- 和 -ms-)，但在一些浏览器，包括 IE8。

使用 line-height 不会阻止水平移动，因此会扩展列。