Bagaimana Mengapung Imej ke Kanan Teks

Tutorial lima minit ini menerangkan bagaimana

Adakah anda berminat untuk mempelajari cara mengapungkan imej di sebelah kanan teks? Jika ya, anda tidak bersendirian. 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):

Duis aute irure dolor sedan melakukan temporarily untuk masa yang lama dalam reprehenderit dalam voluptate. Cupidatat bukan proident, sebagai laborious and dolore magna aliqua. Suntingan dalam latihan tanpa syarat kecuali sesiapa sahaja. Mollit six id est laborum.

Seterusnya, tambahkan atribut gaya pada imej dan gunakan harta float:

style = "float: right;" />

Teks anda akan disentuh dengan betul terhadap imej, jadi tambah beberapa margin pada imej untuk memudahkannya dibaca:

margin: 0 5px 0 0; " />

Margin ketinggian harta menggunakan margin dalam urutan atas, kanan, bawah dan kiri ( TRBL ).

Mengakhiri

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 adalah mungkin, malangnya anda tidak boleh mengapungkan imej ke tengah, kerana itu biasanya memerlukan susunan dua lajur.