Cara Memusatkan Div

Daftar Isi:

Cara Memusatkan Div
Cara Memusatkan Div

Video: Cara Memusatkan Div

Video: Cara Memusatkan Div
Video: Три основных способа центрировать DIV с помощью CSS #Shorts 2024, November
Anonim

Standar tata letak halaman modern tidak melarang penggunaan tata letak tabel, namun tata letak berlapis, pada kenyataannya, telah menjadi standar wajib saat membuat situs. Selain keuntungan yang jelas, penggantian tata letak meja telah membawa beberapa masalah besar dan kecil baru. Salah satunya adalah perataan horizontal struktur blok di halaman. Mari kita lihat beberapa cara praktis untuk mengatur layer ke tengah lebar halaman.

Cara memusatkan div
Cara memusatkan div

Diperlukan

Pengetahuan dasar tentang HTML

instruksi

Langkah 1

Salah satu opsi untuk memecahkan masalah penyelarasan lapisan (blok DIV) ke tengah jendela halaman yang terbuka dilewati hanya dengan menggunakan HTML (HyperText Markup Language - "bahasa markup hypertext"). Anda harus meletakkan blok di dalam tag. Kode halaman paling sederhana, ditata dengan cara ini, mungkin terlihat, misalnya, seperti ini:

Menyejajarkan DIV ke tengah

Langkah 2

Pilihan lain menggunakan CSS (Cascading Style Sheets). Dalam gaya lapisan selaras, Anda perlu mengatur deteksi otomatis jumlah offset dari batas jendela. Kode halaman seperti itu dalam bentuknya yang paling sederhana dapat berupa, misalnya, seperti ini:

Menyejajarkan DIV ke tengah

Direkomendasikan: