我的网站上有一个 div,我正在尝试使用 margin-top 属性将此 div 定位在 css 中。
我目前正在使用:
margin-top: -0.5px;
执行此操作时,我的 div 会略微偏低,但是如果我执行 margin-top: -0.6px; 然后它太高了,我试图找到一个介于 0.5 和 0.6 之间的值,
有没有办法我可以使用 2 个小数位值,例如:
margin-top: -0.5.5px;
非常感谢任何帮助,谢谢?
我的网站上有一个 div,我正在尝试使用 margin-top 属性将此 div 定位在 css 中。
我目前正在使用:
margin-top: -0.5px;
执行此操作时,我的 div 会略微偏低,但是如果我执行 margin-top: -0.6px; 然后它太高了,我试图找到一个介于 0.5 和 0.6 之间的值,
有没有办法我可以使用 2 个小数位值,例如:
margin-top: -0.5.5px;
非常感谢任何帮助,谢谢?
简短的回答是小数 css 像素比率被舍入或截断。
考虑以下几点:
div.someclass {margin-top: 0.55px;}
和百分比
div.someclass {margin-top: 35.55%;}
大多数浏览器会将这些值四舍五入到最接近的百分比,并被其他浏览器截断。这意味着上述 2 个示例将被解释为 0.6px / 0.5px 和 35.6% / 35.5%,具体取决于用户的浏览器。
有关小数 css 值的更多信息,请查看此 stackoverflow 线程:是否尊重 CSS 宽度中的小数位?
我们如何解决这个问题?不幸的是,您实际上不能,但您可以尝试通过添加一些内部填充来抵消边距分数,方法是使用抵消边距的分数。
例子:
div.outer {margin-top: 0.5px;}
div.inner {padding-top: 0.1px;}
这肯定会导致与 margin-top: 0.6px 相同的输出,但根据您的整个 CSS 主题的细节,您可能会注意到细微的差异。