我在錨點內使用了一個影像，并撰寫了 css 以在影像懸停但邊框未完全顯示時在影像周圍顯示一個5px 純青色邊框。
我使用的圖片鏈接：-
影像懸停時的實際輸出：-
uj5u.com熱心網友回復：
制作您的圖片display:block（因此它會洗掉其下方的空間），然后制作您的鏈接inline-block以包裹圖片
img {
height: 300px;
width: 300px;
display:block;
}
a:hover {
border: 5px solid cyan;
display:inline-block;
}<a href="#"><img src="1.png"></a>如果您希望鏈接不要在懸停時移動，請以透明邊框開始，然后在懸停時更改顏色
uj5u.com熱心網友回復：
影像下方的空白區域稱為Inline Descender Space。它是用于諸如：q, p, g, j, y和f某些字體之類的字母的空間。影像是默認inline-elements的，因此也有下降空間。要洗掉它，請使用：img { display: block; }
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/505828.html