如果我有一个像代码
这样的CSS样式的元素td class="bogus" style="padding-left: 1em;"
如何使用jQuery将padding-left
值作为1em而不是像素?
$(".bogus").css("padding-left");
这只返回像素,但是我想让它返回代码中的真实内容,在这种情况下,相反值为1em。怎么样?
感谢任何指南。
答案 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;