gpt4 book ai didi

html - 使用有符号值更改 CSS 属性值

转载 作者:太空宇宙 更新时间:2023-11-03 23:04:27 24 4
gpt4 key购买 nike

我有这样的 HTML 内容。

The Box Model

它有一个 70 的填充。我试图通过添加使用另一个这样的 css 规则来减少填充

padding-top: -20px !important

我想做的是,已经存在的属性值 70px 应该添加附加规则 -20px,因此结果应该是 50px。

我可以通过 padding-top: 50px !important

来实现

但我仍然想按照我的要求在 css 中进行数学计算。请帮忙。

注意:已经存在的值在单独的 css 规则中,这个添加的值在单独的规则中。

最佳答案

不幸的是,你不能在 CSS 中进行跨类计算

如果您想进行任何类型的数学计算,请查看calc() 函数

它允许您执行以下操作:padding-top: calc(10em - 60px)

只要您不将它用于background-position; calc 应该向后兼容 IE9,并且几乎可以在任何其他浏览器栏 Opera Mini 上工作

关于html - 使用有符号值更改 CSS 属性值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35242763/

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