Html 纸张8.5x11的CSS是什么？_Html_Css

Html 纸张8.5x11的CSS是什么？

html css

Html 纸张8.5x11的CSS是什么？,html,css,Html,Css,我想在纸张8.5x11中设置打印html的css。有两种代码 body { width: 7.5in; padding: 0.5in; } table.example { width: 90%; } 或 .第页{ 高度：900px；/*您需要使用此值*/ 宽度：670px；分页符：始终；/*始终在此元素后插入分页符*/ 内部分页符：避免；/*请不要在浏览器中打断我的页面内容*/ } 废话哪一个是正确的？实现这一点的正确方法是使用“媒体查询” 在主样式表的末

我想在纸张8.5x11中设置打印html的css。有两种代码

body {
     width: 7.5in;
     padding: 0.5in;
 }
 table.example {
 width: 90%;
 }

或


.第页{
高度：900px；/*您需要使用此值*/
宽度：670px；
分页符：始终；/*始终在此元素后插入分页符*/
内部分页符：避免；/*请不要在浏览器中打断我的页面内容*/
}
废话

哪一个是正确的？

实现这一点的正确方法是使用“媒体查询”

在主样式表的末尾插入所有要打印的声明，并用以下独特的规则将它们括起来：

@media print{…}

在单独的

@媒体屏幕{…}

规则中包括所有屏幕样式

省略压缩样式表的媒体类型：

看看这个@Eric，太花哨了。我只是想要一个简单的css的大小。为什么你需要设置你的页面到一个特定的大小？一个删除了正确元素/重新设置样式的普通打印css文件就足够了。我想打印出与HTML兼容/格式化为8.5x11纸张的结果。你为什么问我们哪一个是正确的？你就不能试试打印吗？如果你没有打印机，为什么不试试虚拟打印机呢？为什么你会认为你会做正确的事情？应该加上关于

@media print

的部分，我还是不懂你的意思。你介意把整个代码都放进去吗？它是特定于你的代码的，请通读与“源代码”相关的教程并试一试。。

 <style type="text/css">
  .page {
   height: 900px;  /* You'll need to play with this value */
   width: 670px;
   page-break-after: always; /* Always insert page break after this element */
  page-break-inside: avoid; /* Please don't break my page content up browser */
   }
</style>
<body>
    <div class="page">
      <table>
       blah
      </table>
   </div>
</body>