如何使用 jQuery 获取相对值的填充或边距值

Question

如果我有一个 CSS 风格的元素，比如代码

td class="bogus" style="padding-left: 1em;"

如何使用 jQuery 将padding-left值设为 1em 而不是像素？

$(".bogus").css("padding-left");

这只返回像素，但我希望它返回代码中的实际内容，在本例中，是相对值 1em。 如何？

感谢您的指导。

• 渠

Answer 1

你可以做的是将基本字体大小（ <body>元素上的 font-size 属性）设置为大约 62.8%（有人说是 62.5%）：

<body style="font-size:62.5%;">

这使得基本字体或 1.0em 大约等于 10px。 它不准确，并且会因字体而异，但总的来说它已经足够准确了。 完成后，您可以使用 EM 及其等效像素：

1.0em = 10px, 1.1em = 11px, 1.2em = 12px 等

因此，您可以通过除以 10 轻松地将像素转换为 EM：

var ems = parseInt($(".bogus").css("padding-left")) / 10;