如何在'cm'而不是像素使用jquery/js

How to get marginTop of an element in 'cm' instead of pixel using jquery/js?

本文关键字：jquery js 像素 cm      更新时间：2023-09-26

我有一个用于打印的html页面。我的客户要求放置一个输入来调整内部内容的垂直对齐。内容区有一个以像素为单位的边距。但我的客户要求我根据输入改变顶部对齐，输入将以厘米为单位，步进变化0.1厘米。

我不确定做这件事的合适方法是什么。首先，我需要检索当前的边距顶部，但以像素为单位。

如何用它增加/减少0.1 cm ?

您不能在浏览器不支持的CMs中增加或减少。因此，您可能必须将用户输入的值转换为像素。然后应用它。

计算CM像素值

反之

1 px = 0.02645833cm

计算得到的px 

$('input').change(function(){
  var val = $(this).val()
  var inCm = 0.02645833 * val
  $('#cm').text(inCm)
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" placeholder="Enter px value"/>
<br/>
<div id="cm"></div>

相关文章：