如何在页边添加页眉？

Question

我需要在一个页面中加入一个页眉，比如这个简单的Google页面。

我想把 "Google "的文字放在页面的上边距内，但当上边距结束时，它在2.5厘米以下）。) 我想要这样。

我的HTML文件：

<html lang="es-AR">
<body>
    <header>Google</header>
    <h1 class="title">Hello, world</h1>
    Trying to put a header.
</body>
</html>

我的CSS文件

@page {
    size: 21cm 29.7cm;
    margin-top: 2.5cm;
    margin-right: 2.5cm;
    margin-bottom: 2.5cm;
    margin-left: 2.5cm;
}

这个页面是一个报告，所以它将被打印出来。

Answer 1

其中一个选择是将margin-top从下面的margin-top中取出。@page (因为你在页面上不会有实际的页边距，你希望html内容在那里)，并给页眉固定的 height 2.5cm，作为你的上边距。

@page{
      size: 21cm 29.7cm;
      margin-right: 2.5cm;
      margin-bottom: 2.5cm;
      margin-left: 2.5cm;
}

header{
    height: 2.5cm
}

Answer 2

我是这样解决的

@page {
    size: 21cm 29.7cm;
    margin-top: 0.5cm;
    margin-right: 2.5cm;
    margin-bottom: 2.5cm;
    margin-left: 2.5cm;
}

header {
    height: 2cm;
}

如何在页边添加页眉？

问题描述投票：0回答：1

1个回答

最新问题

如何在页边添加页眉？

问题描述 投票：0回答：1

1个回答

最新问题

问题描述投票：0回答：1