我有這樣的設計：
我在 CSS 部分給出的寬度和高度代碼不起作用。為什么會這樣？
.social-media {
height: 165px;
width: 35px;
}
<li>
<a href=""><img class="social-media" src="./img/gmail.png"></a>
</li>
<li>
<a href=""><img class="social-media" src="./img/facebook.png"></a>
</li>uj5u.com熱心網友回復：
.social-media {
height: 35px;
width: 35px;
}
<li>
<a href=""><img class="social-media" src="https://img.icons8.com/fluency/512/gmail.png"></a>
</li>
<li>
<a href=""><img class="social-media" src="https://img.icons8.com/fluency/512/facebook-new.png"></a>
</li>在這里，為了您的參考，我復制了圖示的 URL。我注意到您嘗試為圖示設定的高度超過了影像的實際高度。這就是為什么它沒有在高度方面伸展。但是，如果您為影像標簽添加邊框，您可能會看到影像標簽的高度正在增加。所以 CSS 正在作業，但您的影像不允許您增加它的高度。如果您需要更多說明，請告訴我。此外，嘗試運行下面的代碼片段或將其復制到某處進行試驗。影像 URL 允許高度操作。
uj5u.com熱心網友回復：
通過一個例子擴展Meet Bhalodiya和computercarguy的答案，為什么不提供與高度相同的寬度？
.social-media {
height: 165px;
width: 165px;
}
鏈接到 JS 小提琴
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/530270.html
標籤：htmlcss