css Chrome中HTML网站上的分页符

jyztefdp 于 2022-11-27 发布在其他

关注(0)|答案(1)|浏览(194)

我正在尝试在一个完整页面的div容器后做一个分页。就像加载一个介绍页面，如果你向下滚动，你可以到达一个导航中心。我觉得这可能是一个chrome问题，但是分页项在edge中也不起作用。
我想在<div class="pagebreak">的结束标签后分页。div包含背景、小标题和大标题，它们都填充（应该填充）一个完整的页面。在那之后我想强制一个新页面，这样你就必须独立于屏幕大小向下滚动。
第一个

css

来源：https://stackoverflow.com/questions/74530979/page-break-on-html-site-in-chrome

1条答案

按热度按时间

qncylg1j1#

我希望我理解正确，这个例子会对你有所帮助
试试这个css

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%;
    }

试试这个html

<div class="wrapper">
    <div class="first">
        <div>Some pictures</div>
    </div>
    <div class="second">
        <div>some content</div>
    </div>
</div>

赞(0）回复(0）举报 2022-11-27

我来回答

css Chrome中HTML网站上的分页符

1条答案

相关问题

热门标签

最新问答