在CSS屬性中設置總和

我有一個確定的CSS類的幾個div。在CSS屬性中設置總和

我想手動像素添加到頂部屬性：

的.class {頂：100px的; }

DIV CLASS = 「類」風格= 「頂部：+ = 50像素」

是否有可能做這樣的事情？

來源

2012-11-21 Maurício Giordano

這背後有什麼用呢？手動是什麼意思？如果你對它進行硬編碼，你最好在CSS文件中做。 –

不符合直接CSS。使用像LESS或SASS這樣的預處理器可以做到服務器端。

您可以用jQuery/JavaScript完成同樣的事情。

var class = $('.class'); 
var top = class.css('top').substr(0,class.css('top').length - 2); 
top += //your value here 
class.css('top',top + 'px');

來源

2012-11-21 01:03:30 jpumford

不，不可靠。

有一個名爲calc（）的CSS3屬性，它可以做到，但它不會在任何地方工作，但最新的瀏覽器和支持可能會有問題。

更多關於這裏。 http://robertnyman.com/css3/calc/calc.html

根據你想要這樣做的原因，你可能想使用一個CSS預處理器，如LESS或SASS。

你想這麼做的原因是什麼？從提出的問題來看，可能有一個解決方案不是很明顯。

來源

2012-11-21 00:59:25 foamcow

不，不只是CSS。

您可以在瀏覽器中使用一些服務器端代碼或JavaScript。

另一種方法可以是使用類似LESS或SAAS這些支持變量和簡單的計算。

來源

2012-11-21 01:03:20

CSS3轉換可能在這裏很有用。像：

.class { top: 100px; } 

div class="class" style="transform:translate(0,50px)"

你不得不添加的所有供應商前綴，但是，如：

style="transform:translate(0,50px);-webkit-transform:translate(0,50px);-o-transform:translate(0,50px);-ms-transform:translate(0,50px);-moz-transform:translate(0,50px)"

來源

2012-11-21 01:11:15

在CSS屬性中設置總和

回答

相關問題