Rumah >hujung hadapan web >tutorial css >Bagaimana untuk Menghapuskan Lebihan Ruang Putih di Bahagian Atas Halaman Web?

Bagaimana untuk Menghapuskan Lebihan Ruang Putih di Bahagian Atas Halaman Web?

DDD
DDDasal
2024-12-11 03:17:10139semak imbas

How to Eliminate Excess White Space at the Top of a Webpage?

Menghapuskan Lebihan Ruang Putih di Bahagian Atas Halaman

Apabila menghadapi ruang putih yang berlebihan di bahagian atas halaman web, di mana setiap elemen yang diperiksa tidak mempunyai padding atau margin, ia mungkin disebabkan oleh pemaparan penyemak imbas lalai. Untuk menangani isu ini, pertimbangkan untuk melaksanakan tetapan semula CSS.

Tetapan Semula CSS

Tetapan semula CSS menormalkan lalai penyemak imbas, memastikan penampilan yang konsisten dan boleh diramal merentas persekitaran yang berbeza. Sertakan blok berikut pada permulaan helaian gaya anda:

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

Pemilih Universal

Sebagai alternatif, anda boleh menggunakan pemilih universal (*) dan bukannya menyenaraikan setiap elemen, seperti yang dicadangkan oleh Frank:

* {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
    }

Atas ialah kandungan terperinci Bagaimana untuk Menghapuskan Lebihan Ruang Putih di Bahagian Atas Halaman Web?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn