Получить ширину элемента, высоту и поле и округлить эти значения

Question

Можно ли использовать jquery, чтобы в Google Chrome использовались значения целых чисел для ширины, высоты и полей элемента? Я устанавливаю их как% в CSS - но хотел бы, чтобы Chrome вел себя как Firefox и округлял их вверх / вниз, чтобы получить целые цифры...

Итак, CSS это:

.example {
width: 33.3%;
height: 19.5%;
margin: 0.1%;
}

И когда Chrome рендерит это - он рендерит со значениями, как показано ниже:

<div class="example" style="width: 33.456px; height: 18.123px; margin: 0.054px;"></div>

То, что я хочу, чтобы это стало:

<div class="example" style="width: 33px; height: 18px; margin: 1px;"></div>

Таким образом, каждое значение округляется в большую или меньшую сторону. Возможно ли это?

Answer 1

Я не знаю, почему вы хотите это сделать, но вы можете использовать для этого Javascript/jquery:

Вы можете получить ширину и высоту элемента с помощью jquery следующим образом:

var width = $(".example").width();
var height = $(".example").height();

Затем используйте, например, метод round/ceil из javascript, чтобы получить округленные значения. Чтобы установить ширину и высоту, снова используйте метод jquery width()/height().