Lebar Cecair dengan DIV Jarak Sekata
Seorang pengguna berusaha untuk mencipta DIV bekas lebar bendalir dengan empat DIV anak yang sama dimensi (300px x 250px). Keperluan adalah untuk DIV pertama terapung ke kiri, yang terakhir terapung ke kanan, dan dua yang selebihnya dijarakkan sama rata di antara mereka, sambil mengekalkan tindak balas.
Penyelesaian:
Pertimbangkan CSS dan HTML berikut pelaksanaan:
#container { text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; } .box1, .box2, .box3, .box4 { display: inline-block; *display: inline; zoom: 1; } .stretch { width: 100%; display: inline-block; font-size: 0; line-height: 0 }
<div>
Penjelasan:
Atas ialah kandungan terperinci Bagaimana untuk Mencipta Bekas Lebar Bendalir dengan DIV Jarak Sekata?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!