Bagaimana untuk Memutar dan Meletakkan Elemen di Sudut Kiri Atas atau Kanan Atas?

Barbara Streisand

Lepaskan： 2024-11-10 19:13:02

asal

538 orang telah melayarinya

How to Rotate and Position an Element on the Top Left or Top Right Corner?

Memutar dan Meletakkan Elemen di Kiri Atas atau Sudut Kanan Atas

Untuk memutar div dengan teks dan letakkannya di kiri atas sudut, kod berikut boleh digunakan:

Di sini, sifat asal-ubah ditetapkan sebagai kiri atas yang menjadikan putaran berlaku berkenaan dengan sudut kiri atas. Terjemahan translateX(-100%) menggerakkan elemen yang diputar ke kiri sebanyak 100% daripada lebarnya.

Untuk menjajarkan elemen dengan tepi kanan, anda boleh mengubah suai nilai translateX menjadi positif, seperti translateX (100%). Ini akan mengalihkan elemen yang diputar ke kanan sebanyak 100% daripada lebarnya.

Atas ialah kandungan terperinci Bagaimana untuk Memutar dan Meletakkan Elemen di Sudut Kiri Atas atau Kanan Atas?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber：php.cn

Artikel sebelumnya：Mengapa Ellipsis Limpahan Teks Saya Tidak Berfungsi? Artikel seterusnya：Bagaimana untuk Menguatkuasakan Mod Landskap untuk Aplikasi Web?

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang

Isu terkini

function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...

daripada 2024-04-29 11:01:01

1975

Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?

daripada 2024-04-23 00:22:19

2132

Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.

daripada 2024-04-19 15:37:47

1802

Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...