Bagaimanakah Saya Boleh Membungkus Teks Di Sekitar Imej Menggunakan HTML dan CSS?

Mencapai Text Wrap Sekitar Imej dalam HTML/CSS

Cabaran membungkus teks di sekeliling imej adalah perkara biasa dalam reka bentuk web. Untuk mencipta kesan yang diingini, ikuti langkah yang digariskan di bawah:

Struktur HTML:

1. Balut imej dan mana-mana teks di sekeliling dalam div bekas dengan id atribut, seperti #bekas.

CSS Penggayaan:

1. Tentukan lebar khusus untuk div bekas untuk menentukan lebar teks yang dibalut.
2. Tetapkan apungan: kiri ke div terapung yang mengandungi imej. Ini menyebabkan imej terapung ke kiri, membenarkan teks mengalir di sekelilingnya.
3. Tetapkan lebar khusus untuk #floated div untuk mengawal lebar imej.
4. Pastikan ruang yang mencukupi di sekeliling imej dengan pelapik atau tetapan jidar dalam div #terapung.

Contoh Kod:

<div>

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

Sumber Tambahan:

• [JSFiddle Demo](http://jsfiddle.net/kYDgL/ )
• [Dokumen Web MDN: Terapung](https://developer.mozilla.org/en-US/docs/Web/CSS/float)
• [W3 Schools: Text Wrapping](https://www.w3schools.com/css /css_text-wrap.asp)

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