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, 737 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 48796
	Membuat viewport tidak bisa di zoom in/out 3751
	Membuat Efek Blink Pada Elemen HTML Melalui Javascript 2284
	Mendapatkan Nama File Beserta Ektensinya Dari Input Type File Pada Javascript 1701
	Data tidak bisa diinput ke database mysql 1170
	Mengubah Warna Border Pada Input Text Saat Focus Elemen CSS 1051
	Menempatkan Gambar(image) dan Text Bersebelahan 842
	Perbedaan loop while : endwhile dan loop while{} 821

News Letters

Silahkan masukkan email Anda untuk berlangganan informasi kami