Apa itu CSS float?
Dengan CSS float, elemen dapat didorong ke kiri atau kanan, sehingga unsur-unsur lain untuk membungkus di sekitarnya.
Float sering digunakan dengan gambar, tetapi juga berguna ketika bekerja dengan layout.
Bagaimana Elemen float
Elemen float horizontal, ini berarti bahwa unsur hanya dapat kiri atau kanan, bukan ke atas atau bawah.
Unsur akan bergerak sejauh ke kiri atau kanan. Biasanya ini berarti semua jalan ke kiri atau kanan dari elemen yang mengandung.
Unsur-unsur setelah elemen mengambang akan mengalir di sekitarnya.
Unsur-unsur sebelum elemen mengambang tidak akan terpengaruh.
Jika suatu gambar ke kanan, teks berikut mengalir di sekitarnya, ke kiri:
img {
float: right;
}
Float Elemen Lain
Jika Anda menempatkan beberapa elemen mengambang setelah satu sama lain, mereka akan mengambang di samping satu sama lain jika ada ruang.
.fto {
float: left;
width: 110px;
height: 90px;
margin: 5px;
}
Mematikan Lampung - Menggunakan Batal
Elemen setelah elemen mengambang akan mengalir di sekitarnya. Untuk menghindari hal ini, menggunakan properti clear.
Properti clear menentukan yang sisi elemen elemen mengambang lain tidak diperbolehkan.
Tambahkan baris teks ke dalam galeri foto, menggunakan properti yang clear:
.text_line {
clear: both;
}
0 komentar:
Posting Komentar