Как получить отступ или значение поля в относительном значении с помощью jQuery - PullRequest
6 голосов
/ 17 июня 2009

Если у меня есть элемент со стилем CSS, такой как код

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

как я могу использовать jQuery для получения значения padding-left как 1em вместо пикселей?

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

Это возвращает только пиксели, но я хочу, чтобы оно возвращало то, что на самом деле в коде, в данном случае относительное значение 1em. Как?

Спасибо за любое руководство.

  • Qu

1 Ответ

8 голосов
/ 17 июня 2009

Что вы можете сделать, это установить базовый размер шрифта (свойство font-size для элемента <body>) равным 62,8% (некоторые говорят, 62,5%):

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

Это делает базовый шрифт, или 1.0em, приблизительно равным 10px. Это не точно, и меняется от шрифта к шрифту, но в целом это достаточно точно. Сделав это, вы можете использовать EM и их пиксельные эквиваленты:

1.0em = 10px, 1.1em = 11px, 1.2em = 12px и т. Д.

Таким образом, вы можете легко преобразовать пиксели в EM, разделив на 10:

var ems = parseInt($(".bogus").css("padding-left")) / 10;
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...