我可以在 CSS :before/:after 偽元素中控制圖片的高度嗎？

我可以在CSS中調整影像高度：before/:after偽元素嗎？

您詢問的是是否可以修改高度CSS :before/:after 偽元素中使用的圖像的圖像。雖然背景影像可以調整大小，但目前尚不清楚偽元素影像是否可以調整大小。

解決方案：

您可以透過調整部分來實現您的目標偽元素的背景大小屬性。但是，請記住，您仍然需要定義影像周圍區塊的寬度和高度：

.pdflink:after {
    background-image: url('/images/pdf.png');
    background-size: 10px 20px;
    display: inline-block;
    width: 10px;
    height: 20px;
    content: "";
}

此方法可讓您控制指定區塊內影像的大小。但請注意，塊本身的整體尺寸也需要相應設定。

替代解決方案：

您對調整來源影像大小或修改標記以包含內聯 IMG 標記。然而，如果相容性是優先考慮的事項，那麼這些選項可能比僅僅依賴 CSS 更可靠。

以上是我可以在 CSS :before/:after 偽元素中控制圖片的高度嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！