我一直在努力使HTML文档以A4大小显示,并且使用此Codepen中的代码可以完美地工作:
https://codepen.io/rafaelcastrocouto/pen/LFAes
的CSS
body {
background: rgb(204,204,204);
}
page {
background: white;
display: block;
margin: 0 auto;
margin-bottom: 0.5cm;
box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}
page[size="A4"] {
width: 21cm;
height: 29.7cm;
}
的HTML
<page size="A4"></page>
但是,我不确定在CSS中声明页面和页面[大小信息]的方式或原因如何允许您使用HTML中的标记。实际上,我可以在任何地方找到对HTML页面标签的任何引用。
有人可以解释一下代码在代码库中的工作方式吗?提前致谢
我不认为这<page>
是实际的HTML元素。
当浏览器看到此信息时,它可能认为它已经变旧并且错过了发布浏览器时不存在的新发明。
在这种情况下,它被视为<div>
,并且CSS规则仍然适用。
但实际上,最好坚持使用确实存在的元素,而不是假装有一天会出现,因为将来新创建的标记的实现可能会与您期望的不同。
最好<div class="page" data-size="A4">
与CSS寻找div.page
和一起编写div.page[data-size="A4"]
。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句