Sekiranya anda berminat untuk mempelajari cara mengapungkan imej di sebelah kanan teks, anda akan gembira mengetahui bahawa ia adalah tugas yang agak mudah. Terdapat banyak situasi di mana pengaturcara mahu imej di laman Web muncul di dalam teks dengan teks yang mengalir atau membelinya. Syukurlah, memanipulasi imej adalah serupa dengan memanipulasi teks, jadi jika anda mempunyai pengalaman dengan yang kedua, proses ini tidak boleh menjadi keras sama sekali.
Malah, dengan sifat float CSS, mudah untuk mengapungkan imej anda di sebelah kanan teks dan mempunyai aliran teks di sekelilingnya di sebelah kiri. Gunakan tutorial selama lima minit untuk mengetahui bagaimana.
Bermula
Untuk memulakan, tulis perenggan teks dan tambahkan imej pada awal perenggan. Ini perlu dilakukan sebelum teks tetapi selepas
tag):
Seterusnya, tambahkan atribut gaya pada imej dan gunakan harta float:
Teks anda akan disentuh dengan betul terhadap imej, jadi tambah beberapa margin pada imej untuk memudahkannya dibaca:
Margin ketinggian harta menggunakan margin dalam urutan atas, kanan, bawah dan kiri (TRBL). Dan itu berlaku. Sekarang anda melihat bahawa terapung imej ke kanan tidak sukar sama sekali. Anda mungkin juga berminat untuk mengapungkan imej ke kiri dan mengapungkannya ke tengah. Walaupun langkah pertama mungkin, sayangnya, anda tidak boleh mengapungkan imej ke tengah, kerana biasanya ia memerlukan susun atur dua lajur.
Mengakhiri
