gpt4 book ai didi

jquery - 如何使用 jQuery 获取相对值的 Padding 或 margin 值

转载 作者:行者123 更新时间:2023-12-03 22:49:12 26 4
gpt4 key购买 nike

如果我有一个具有 CSS 样式的元素,例如代码

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

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

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

这仅返回像素,但我希望它返回代码中的实际内容,在本例中为相对值 1em。怎么办?

感谢您的指导。

最佳答案

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

关于jquery - 如何使用 jQuery 获取相对值的 Padding 或 margin 值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1009186/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com