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

时间:2009-06-17 19:50:29

标签: jquery

如果我有一个像代码

这样的CSS样式的元素
td class="bogus" style="padding-left: 1em;"

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

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

这只返回像素,但是我想让它返回代码中的真实内容,在这种情况下,相反值为1em。怎么样?

感谢任何指南。

1 个答案:

答案 0 :(得分:8)

您可以做的是将基本字体大小(<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;