Bolehkah saya Kawal Ketinggian Imej Dalam CSS :before/:after Pseudo-Elements?

Bolehkah saya Laraskan Ketinggian Imej dalam CSS :before/:selepas Pseudo-Elements?

Pertanyaan anda ialah sama ada anda boleh mengubah suai ketinggian imej yang digunakan dalam CSS :before/:after pseudo-element. Walaupun imej latar belakang boleh diubah saiz, ia tidak jelas dengan serta-merta jika perkara yang sama boleh dilakukan untuk imej unsur pseudo.

Penyelesaian:

Anda boleh mencapai sebahagian matlamat anda dengan melaraskan sifat bersaiz latar belakang untuk unsur pseudo. Walau bagaimanapun, perlu diingat bahawa anda masih perlu menentukan lebar dan ketinggian blok yang mengelilingi imej:

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

Kaedah ini membolehkan anda mengawal saiz imej dalam blok yang ditentukan. Walau bagaimanapun, ambil perhatian bahawa dimensi keseluruhan blok itu sendiri juga perlu ditetapkan dengan sewajarnya.

Penyelesaian Alternatif:

Anda telah menyatakan tempahan tentang mengubah saiz imej sumber atau mengubah suai penanda untuk memasukkan teg IMG sebaris. Walau bagaimanapun, jika keserasian adalah keutamaan, pilihan ini mungkin terbukti lebih dipercayai daripada bergantung pada CSS semata-mata.

Atas ialah kandungan terperinci Bolehkah saya Kawal Ketinggian Imej Dalam CSS :before/:after Pseudo-Elements?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!