第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

圖像變得比我想要的 html 更大

圖像變得比我想要的 html 更大

三國(guó)紛爭(zhēng) 2023-10-30 20:56:34
我正在學(xué)習(xí) HTML 和 CSS,而且我也是一個(gè)新手,只是這么說。我正在制作一個(gè)網(wǎng)站,我在頂部制作了一個(gè)水平導(dǎo)航欄,其中包含指向網(wǎng)站上其他頁(yè)面的鏈接,以及一個(gè)圖標(biāo)。當(dāng)我在瀏覽器中觀看我的網(wǎng)站并使用檢查器工具檢查元素時(shí),列表元素“l(fā)i.nav_bar_icon”變?yōu)?0x82.55,徽標(biāo)為64像素,通過填充獲得8+8像素,但為什么它是82.55 1另一邊???額外的 2.55 像素從何而來?導(dǎo)航欄的代碼如下所示:HTML:<div class="nav_bar">  <ul>    <li class="nav_bar_icon"><img class="icon" src="img/icon.png" alt="Icon"></li>    <li><a class="nav_bar_button" href="index.html">Home</a></li>    <li><a class="nav_bar_button" href="apps.html">Apps</a></li>    <li><a class="nav_bar_button" href="images.html">Images</a></li>  </ul></div>和CSS:.nav_bar ul {  width: 100%;  float: left;  list-style-type: none;  background-color: #00000f;}.nav_bar li {  float: left;}.nav_bar_icon {  float: left;  padding: 8px;}.icon {  height: 52px; }.nav_bar_button {  display: block;  color: #008CFF;  text-align: center;  padding: 25px 20px;  text-decoration: none;}
查看完整描述

3 回答

?
泛舟湖上清波郎朗

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

同時(shí)設(shè)置高度和寬度是一個(gè)壞主意,因?yàn)樗鼤?huì)改變比例。

相反,請(qǐng)嘗試使用 max-height 或 max-width 屬性。

如果使用高度,請(qǐng)將寬度設(shè)置為自動(dòng),如果使用寬度,請(qǐng)將高度設(shè)置為自動(dòng)。

額外的像素是因?yàn)樗噲D占據(jù)整個(gè)可用空間。您可以根據(jù)圖像大小使用 max-height 或 max-width 限制它們。


查看完整回答
反對(duì) 回復(fù) 2023-10-30
?
慕容708150

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

那是因?yàn)槟鷽]有為圖標(biāo)圖像提供寬度,只提供高度,因此瀏覽器會(huì)嘗試調(diào)整其大小以使其與給定的高度看起來很好,您只需為圖像添加寬度即可防止這種情況,您說的是64 然后像這樣更改你的代碼:


.icon {

  height: 52px; 

  width: 64px;

}


查看完整回答
反對(duì) 回復(fù) 2023-10-30
?
Cats萌萌

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

也許是因?yàn)闉g覽器默認(rèn)設(shè)置,即邊距..嘗試將它們?cè)O(shè)置為 0?


查看完整回答
反對(duì) 回復(fù) 2023-10-30
  • 3 回答
  • 0 關(guān)注
  • 216 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)