Bagaimanakah saya boleh memutarkan div dengan teks dan menyelaraskannya ke penjuru kiri sebelah atas?

Menjajarkan Elemen Diputar ke Penjuru Kiri Atas atau Kanan Atas

Dalam pertanyaan ini, pengguna menghadapi cabaran dalam memutar div yang mengandungi teks dan menjajarkannya ke tepi kiri atas. Coretan yang disediakan menunjukkan putaran yang dicapai menggunakan transform: rotate(-90deg) translateX(-50%).

Penyelesaian terletak pada melaraskan asal-transformasi ke kiri atas, yang menentukan dari mana putaran harus berasal. Selain itu, mengubah suai terjemahan kepada translateX(-100%) memastikan bahawa div diletakkan 100% di sebelah kiri asalnya.

Berikut ialah coretan kod yang dikemas kini:

body {
  margin: 0;
}

.credit {
  transform-origin: top left;
  position: absolute;
  background-color: pink;
  transform: rotate(-90deg) translateX(-100%);
}

Dengan melaksanakan perubahan ini, div akan diputar di sudut kiri atas, menjajarkannya dengan berkesan ke kedua-dua bahagian atas dan tepi kirinya bekas induk.

Atas ialah kandungan terperinci Bagaimanakah saya boleh memutarkan div dengan teks dan menyelaraskannya ke penjuru kiri sebelah atas?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!