首頁猿問 -webkit-calc 函數(shù)在...

-webkit-calc 函數(shù)在 Firefox 中不起作用。有沒有其他選擇？

JavaScript

吃雞游戲 2022-10-27 15:17:22

我有一個(gè)68px寬度的標(biāo)志，我想在頁面的頂部中心顯示這個(gè)標(biāo)志。所以我把它放在導(dǎo)航欄中，我給它這個(gè)樣式：.center{ position: absolute; left: -webkit-calc(50% - 34px); right: -webkit-calc(50% - 34px); img{ margin: 11px 0px 0px 0px; }}一開始我用left: 50%and right: 50%，但有一個(gè)問題：logo 的大小沒有計(jì)算，所以它沒有出現(xiàn)在中心（正好是中心！）所以我用來-webkit-calc(50% - 34px);計(jì)算 logo 的大小。問題是它在 Chrome 中有效，但在 Firefox 中無效！這就是 Firefox 顯示的內(nèi)容inspect element：Firefox的這個(gè)功能有什么替代品嗎？

查看完整描述

1 回答

慕絲7291255

TA貢獻(xiàn)1859條經(jīng)驗(yàn) 獲得超6個(gè)贊

只需使用calc：

.center{

position: absolute;

left: calc(50% - 34px);

right: calc(50% - 34px);

img{

margin: 11px 0px 0px 0px;

}

-webkit-是 Safari 和基于 Chromium 的瀏覽器（Chrome、Chromium、Brave、新的 Microsoft Edge）使用的前綴。（-moz-是 Firefox [for "Mozilla"] 使用的；IE 和 Legacy Edge 使用的-ms-）但是calc現(xiàn)在暫時(shí)不需要前綴了。

反對(duì) 回復(fù) 2022-10-27