gpt4 book ai didi

CSS calc() 以不同的方式编写

转载 作者:太空宇宙 更新时间:2023-11-04 01:02:09 25 4
gpt4 key购买 nike

我在使用 CSS calc() 函数和 CSS 压缩器时遇到问题。在我的源 .css 文件中,我有变量

margin-left: calc(15px - 20%);

但是,当源文件用压缩器翻译时,我得到了输出

margin-left: calc(-20%+15px);

并且无法在网络浏览器中正确读取该值 - 我在 Chrome 开发选项中只能看到 margin-left: calc(-20%+15px);,接下来是警告标志对它说“无效的属性值”。

我怎样才能避免这种情况,也许以不同的方式编写 calc() 函数来解决这个问题?更改源 .css 文件中变量的位置不会产生任何变化,而且我无法选择使用不同的压缩器。

最佳答案

你可以试试这样写:

.box {
margin-left: calc(-1*calc(20% - 15px));
}
<div class="box">
</div>

关于CSS calc() 以不同的方式编写,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53046918/

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