成人在线亚洲_国产日韩视频一区二区三区_久久久国产精品_99国内精品久久久久久久

您的位置:首頁技術(shù)文章
文章詳情頁

css - font-size屬性可能受到什么不常見因素的影響?(求看詳情)

瀏覽:112日期:2023-07-07 13:19:40

問題描述

在開發(fā)中遇到了這樣一個(gè)問題: 某一部分文字的 font-size 并不是我所規(guī)定的值,但當(dāng)我給文字所在的 span 加上 float 或者設(shè)置 position: absolute 后,有回歸了我設(shè)定的大小,具體如下:

基礎(chǔ)HTML結(jié)構(gòu):

<p class='order-footer'>???? <span>打折金額:</span>???? <span>62.80</span></p>

在chrome調(diào)試中看到如下:(圖一是p的總樣式,圖二是內(nèi)部span的樣式)css - font-size屬性可能受到什么不常見因素的影響?(求看詳情)css - font-size屬性可能受到什么不常見因素的影響?(求看詳情)

可以看到我只設(shè)定了body的20px以及order-footer的28px,但實(shí)際作用的是33.8361px,設(shè)置過!important也不起作用。以上情況在我給span添加了float:left或者position: absolute后就回復(fù)了28px的實(shí)際效果。

現(xiàn)在想知道還會(huì)有什么不常見的原因可能造成這種影響

補(bǔ)充1:目前通過設(shè)置display: inline-block來解決了這個(gè)問題;補(bǔ)充2:根據(jù) @JustGo 所說,經(jīng)測試如下圖所示:css - font-size屬性可能受到什么不常見因素的影響?(求看詳情)一旦把框中的那行font-size取消掉,字體大小就正常了,一點(diǎn)選中,即使并沒有生效(可以看到我在上方給覆蓋了),可字體大小依然變成了詭異的33.8361px。不明白這其中的原理。

問題解答

回答1:

給文字的父級加上max-height:99999px;

標(biāo)簽: CSS
相關(guān)文章: