Bagaimana Saya Boleh Membuat Balutan Teks Di Sekitar Imej Menggunakan HTML dan CSS?

Membalut Teks Di Sekitar Imej Menggunakan HTML/CSS

Soalan:

Bolehkah anda mereka bentuk blok teks untuk membalut imej seperti ini:

[Imej teks yang membalut imej]

Jawapan:

Ya, ini boleh dilakukan dengan mengapungkan imej bekas.

HTML:

<div>

CSS:

#container{
    width: 400px;
    background: yellow;
}
#floated{
    float: left;
    width: 150px;
    background: red;
}

Penjelasan:

• Div #container mentakrifkan sempadan teks dan imej.
• Div #terapung mengandungi teks yang akan membaluti imej.
• Apungan: sifat kiri pada div #terapung menjadikannya terapung di sebelah kiri bekas.
• Sifat lebar pada div #floated mentakrifkan sejauh mana teks akan jadilah.

Contoh Langsung:

[JSFiddle](http://jsfiddle.net/kYDgL/)

Atas ialah kandungan terperinci Bagaimana Saya Boleh Membuat Balutan Teks Di Sekitar Imej Menggunakan HTML dan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!