Penomboran halaman web HTML dalam Chrome
P粉041881924
P粉041881924 2024-04-02 23:26:08
0
1
587

Saya cuba melakukan penomboran selepas bekas div halaman penuh. Sama seperti memuatkan halaman pengenalan, jika anda menatal ke bawah anda boleh memasuki sejenis pusat navigasi. Saya rasa ini mungkin isu krom, tetapi item pemisah halaman juga tidak berfungsi dalam Edge.

Saya mahu penomboran selepas <div class="pagebreak"> menutup tab. Div mengandungi latar belakang, sari kata dan tajuk besar, yang kesemuanya mengisi (dan harus mengisi) halaman yang lengkap. Selepas itu saya ingin memaksa membuka halaman baru supaya anda perlu menatal ke bawah tanpa mengira saiz skrin.

<body>
        <div>
            <div class="pagebreak">
                <div class="nav">
                    <nav>
                        <div class="navitem">
                            <a href="#webprogrammierung">Webprogrammierung</a>
                            <a class="name">Niclas Kusenbach</a>
                            <a href="#verteilteSysteme">Verteilte Systeme</a>
                        </div>
                    </nav>
                </div>
                <div class="container">
                    <div class="centered">
                        <h1>Mein Portfolio.</h1>
                        <h2>Entwicklung verteilter Systeme</h2>
                    </div>
                </div>
            </div>
            <div class="uebersicht">
                <div id="webprogrammierung">
                    <h3>Webprogrammierung</h3>
                    <a>Vorlesung 1</a>
                    <a>Vorlesung 2</a>
                    <a>Vorlesung 3</a>
                    <a>Vorlesung 4</a>
                    <a>Vorlesung 5</a>
                    <a>Vorlesung 6</a>
                    <a>Vorlesung 7</a>
                </div>
                <div id="verteilteSysteme">
                    <h3>Verteilte Systeme</h3>
                </div>
            </div>
        </div>
    </body>
.uebersicht {
  display: block;
  page-break-before: always;
  float: none;
}
.pagebreak {
  page-break-after: always;
  page-break-inside: avoid;
}

P粉041881924
P粉041881924

membalas semua(1)
P粉311423594

Saya harap saya faham dengan betul dan contoh ini akan membantu anda

Cuba CSS ini

html, body {
        width: 100%;
        height: 100%;
        margin: 0;
    }
    .wrapper {
        width: 100%;
        height: 100%; 
        margin: 0;
        display: flex;
        flex-direction: column;
    }
    
    .first {
        width: 100%;
        background-color: red;
        flex: 0 0 100%;
    }
    .second {
        width: 100%;
        background-color: blue;
        flex: 0 0 100%;
    }

dan cuba html ini

Some pictures
some content
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan