Beranda
»
Forum
»
Perbedaan Antara Display Block Dan Display Inline-block

Perbedaan Antara Display Block Dan Display Inline-block

Toby Sandra

23 Mei 2020, 21:58:43

Pada CSS, untuk menampilkan suatu elemen digunakan display. Apakah yang menyebabkan perbedaan antara block dan inline-block?

Bukankah display:block menyebabkan elemen yang didepannya diletakkan dibawah elemen dengan display:block? Namun kenapa pada inline-block, elemen berikutnya justru diletakkan disamping elemen dengan display inline-block?

Dapatkah dijelaskan perbedaan antara keduanya?

Tags : html css

facebook twitter whatapp linkedin pinterest

comment 1 Jawaban, 757 view

Firmino

25 Mei 2020, 21:50:25

Jika Inline dapat menampilkan elemen yang ada sebelum dan sesudahnya pada satu baris. Jika block: akan membuat baris yang baru. Menampilkannya setelah elemen yang bersangkutan.

Jika inline-block : memiliki elemen sebelum dan sesudahnya. menampilkannya secara satu baris, jika tidak muat satu baris akan membentuk seperti block.

Peringatan!

Apakah ingin menghapus konten ini?

Peringatan!

Apakah ingin menghapus komentar ini?

Forum ini dibuat untuk menanyakan seputar permasalahan yang sering terjadi pada proses pembuatan halaman web pada HTML, desain web (CSS), pemrograman sisi client (JavaScript), pemrograman sisi server (PHP, ASP) beserta framework turunannya seperti codeigniter, Laravel, Yii. Forum ini tidak membatasi pertanyaan lainnya untuk bahasa program yang berbeda dengan orientasi website pada perangkat desktop dan smartphone.

Paling Banyak Dibaca Pada Forum

	Cara Mengetahui Elemen Mana Yang Aktif Jquery 48853
	Membuat viewport tidak bisa di zoom in/out 3836
	Membuat Efek Blink Pada Elemen HTML Melalui Javascript 2375
	Mendapatkan Nama File Beserta Ektensinya Dari Input Type File Pada Javascript 1797
	Data tidak bisa diinput ke database mysql 1220
	Mengubah Warna Border Pada Input Text Saat Focus Elemen CSS 1199
	Menempatkan Gambar(image) dan Text Bersebelahan 892
	Perbedaan loop while : endwhile dan loop while{} 871

News Letters

Silahkan masukkan email Anda untuk berlangganan informasi kami