Html CSS页边距内容未显示_Html_Css

Html CSS页边距内容未显示

html css

Html CSS页边距内容未显示,html,css,Html,Css,我是CSS新手（昨天就开始研究了！），所以这可能是一个非常简单的问题，希望有人能提供帮助我似乎无法在打印格式页面的空白框中显示任何文本下面是一个非常基本的HTML片段，应该在左上角的空白框中写上“这里应该有东西！”在主页区域中写上“这是页面的主体…” <HTML> <HEAD> <TITLE></TITLE> <STYLE type="text/css"> @page { @top-left{ content: "The

我是CSS新手（昨天就开始研究了！），所以这可能是一个非常简单的问题，希望有人能提供帮助

我似乎无法在打印格式页面的空白框中显示任何文本

下面是一个非常基本的HTML片段，应该在左上角的空白框中写上“这里应该有东西！”在主页区域中写上“这是页面的主体…”

<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE type="text/css">

@page {
  @top-left{ 
  content: "There should be something here!"; 
  }
  size: A4 portrait;
  margin: 50;
}
</STYLE>
</HEAD>

<BODY>
<P>This is the body of the page...
</BODY>
</HTML>


@页面{
@左上{
内容：“这里应该有东西！”；
}
尺寸：A4人像；
保证金：50；
}
 这是页面的主体。。。

显示正文文本，但空白文本不显示

我的最终目标是创建自动测试报告，因此我需要为多个页面提供相同的页眉和页脚，并用测试数据填充主页区域

提前感谢,，

Pete.

一般建议您浏览一些html和（一些方法和技术可能会被弃用）或更好地使用类似或类似的官方参考

如果您觉得这对您来说非常棘手，并且您仍然觉得有必要，您可以使用WYSIWYG组件，它们将为您简化启动过程。

@并非所有引擎都支持左上方的

请参阅simulare问题上的答案：

CSS不正确。请阅读如何使用选择器以及什么是HTML。为什么样式标签中有内容？看起来我在走回教程之前就试着运行了！谢谢。@Wavemaster，因为个人喜好而否决投票？你的评论没有建设性。这只是一个示例，首先，这些资源有其自身的缺点，但w3scrhools更适合新手，IMHO。我个人认为，只有这样，否决票才是不公平的。W3学校对新手来说并不好。它教授不推荐的，有时甚至是危险的代码。它与w3c无关。如果你引用了MDN，也在你的答案中这样做。@ WaveMaster，感谢输入，考虑重新投票，我扩展了答案。我想你有点过头了。关于布局引擎或功能支持没有一个提及。@Farside不同意，这个问题是关于在打印格式页面中获取内容的。例如，您可能需要特定格式的页码。从所问的问题来看，这个答案是恰当的，因为它说明了PJOwen无法看到页面边距内容的原因。@jonnow，这取决于您是否同意。在这里回答我是一个离题的问题，在一个不同的答案下，这个答案甚至不是我的。我很高兴我很久以前就帮助了最初的主题发起者，他在评论中已经说了“谢谢”。