Bagaimanakah Saya Boleh Memutar Unsur Pseudo Sebaris?

Menukar Elemen Pseudo Sebaris

Apabila berurusan dengan elemen pseudo yang mengandungi kandungan, memutarkannya boleh menjadi rumit kerana elemen sebaris biasanya tidak mempunyai keupayaan untuk menjalani transformasi. Walau bagaimanapun, terdapat penyelesaian mudah untuk mengatasi had ini.

Menggunakan Harta Paparan

Untuk mendayakan transformasi pada unsur pseudo, anda perlu mengubah suai sifat sebarisnya dengan menggunakan paparan : blok atau paparan: inline-block. Ini akan menukarnya kepada elemen blok atau blok sebaris, masing-masing, menjadikannya menerima putaran.

Contoh:

Pertimbangkan simbol Unikod "24B6" anda cuba berputar. Menggunakan kod berikut, anda boleh menjadikannya berfungsi:

<code class="css">#whatever:after {
  content: "B6";
  display: inline-block;
  transform: rotate(30deg);
}</code>

<code class="html"><div id="whatever">Some text</div></code>

Dengan menetapkan paparan: inline-block untuk #whatever:after pseudo-element, anda menukarnya menjadi elemen inline-block, membolehkan anda menggunakan peraturan transform: rotate(30deg) dan berjaya memutarkan simbol.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memutar Unsur Pseudo Sebaris?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!