cari

Rumah  >  Soal Jawab  >  teks badan

Penomboran halaman web HTML dalam Chrome

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粉041881924P粉041881924230 hari yang lalu522

membalas semua(1)saya akan balas

  • P粉311423594

    P粉3114235942024-04-03 09:09:59

    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

    balas
    0
  • Batalbalas