css - @media print css 没有给出所需的输出-6ren

css - @media print css 没有给出所需的输出

转载作者：行者123 更新时间：2023-11-28 10:04:37

25

4

我使用@media print 和@media screen 进行打印。对于@media screen，它工作正常，但对于@media print，它不会将虚线表显示为屏幕。

   @media screen{
    body{
        font-family:"Courier New", Courier, monospace;  
        font-size:13px;
    }
    .f1{
        text-transform:uppercase;
        display:block;
        text-align:center;
    }

    .f2{
        text-transform:uppercase;
        display:block;
        margin-left:10px;
    }

    .border_bottom{
        border-bottom:2px dashed #000;
    }
    .border_top{
        border-top:2px dashed #000;
    }

    .body_table{
        border:1px dashed #CCCCCC;
        padding:.5em;
    }   
}

   @media print {
            body {
                font: 12pt georgia,serif;
            }

            h1 {
                font-size: 18pt;
            }

    h2 {
        font-size: 15pt;
        color: #000;
    }

                 .border_bottom{
        border-bottom:2px dashed #000;
    }
    .border_top{
        border-top:2px dashed #000;
    }

    .body_table{
        border:1px dashed #CCCCCC;
        padding:.5em;
            }
        }

通过这些上面的代码，@media 屏幕工作正常，正如我所想的那样。即我可以看到带有虚线边框的账单，但在打印部分时，虚线边框不起作用且未显示。账单在 table 上，但在我打印时也看不到 table 。

我的HTML代码

<body >
    <form id="form1" runat="server">
    <div id="divprint">
        <table>
            <tr>
                <td>name</td>
            </tr>
            <tr>
                <td>Roll</td>
            </tr>
        </table>

    </div>
        <asp:button runat="server" ID="btn_prnt" OnClientClick="CallPrint('divprint')" Text="Print"  />
    </form>
</body>

注意:我使用的是 Waterfox 18.0.1 浏览器。

最佳答案

您提供的 HTML 不包含 .border_top 和 .body_table 元素。因此，没有边界。请通过 http://codepen.io 分享有效的 CSS 和 HTML或 http://jsbin.com .

准备打印页面时，浏览器会删除一些装饰。大多数浏览器都删除了背景。也许边界也被删除了？

关于css - @media print css 没有给出所需的输出，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15919957/

25

4

0

文章推荐： css - 在 LESS 中，是否可以访问输入变量的第三个数字？

文章推荐： css - rails : Referring to image in CSS

文章推荐： javascript - 实现 Chrome 扩展开/关切换按钮

文章推荐： css - IE8 CSS文件限制

printing - 为什么 print(print()) 在 Lua 中不像 print(type(2)) 那样工作？
我已经和 Lua 搞了几天，我想出了一些让我三思而后行的事情。 Lua 5.3 的引用手册我还没有看，因为它似乎很复杂，我会尽快查看。好的，在 lua 5.3 中，我们知道 print() 返回 n
haskell - 为什么 `print <$> (print "你好“)` print "你好”？
计算时IO (IO ()) , 两个 (IO ())和 ()是计算出来的，所以为什么 main :: IO (IO ()) main = print (print "Hello, World!")
来自 print(print(print ('aaa' ))) 的 Python 输出
我不太理解从以下位置收到的输出: print(print(print('aaa'))) aaa None None 先aaa清楚了。但我认为第二个 print(aaa) 会抛出一个错误，因为变量 aa
perl - 为什么 "print/regex/? print a : print b"将 "1"放在每行之前？
当我运行下面的 Perl one-liner 时，它会打印 1在每一行的前面，我不想要它。它应该做的只是注释匹配 root 的行. $ cat /etc/passwd | perl -ne 'prin
Swift.print() 与 print()
我发现由于 Xcode 将不再消化 println() 我是留下 Swift.print() 或 print() 。我的问题是，两者有什么区别？我没能在网上或在 swift 前卫郎。 (Swif
printing - 谷歌浏览器扩展 : Print the page silently
我正在开发一个内部 Google Chrome 扩展，它需要一种方法来启动将当前页面打印到打印机。我不希望出现默认的打印对话框(因此，javascript:window.print() 是不可能的)。
printing - Perl6 Terminal::Print 如何提示用户输入文本？
我正在将 Perl6 Terminal::Print 模块用于基于控制台的应用程序。它运行良好 - 但是，现在我需要提示用户输入一串文本。有什么好的方法可以做到这一点？最佳答案这是使用 Ter
lua - 为什么Lua中是 `local print = print`？
在学习第三方的Lua代码时，我发现在主脚本文件的顶部 local insert = table.insert local match = string.match local gsub = strin
lua - 为什么Lua中是 `local print = print`？
在学习第三方的Lua代码时，我发现在主脚本文件的顶部 local insert = table.insert local match = string.match local gsub = strin
Python -> 告诉一个带有 print 语句的程序到 "not print"
我目前正在学习 Python，并开始了一个项目，为 2000-2005 年 MLB 摊牌纸牌游戏创建棒球模拟游戏。这些程序包含棒球比赛的事件，作为单独代码段中间的打印语句(“Jeff 击中单打”，“B
pretty-print - 使用尽可能少的括号的 pretty-print 表达式？
我的问题:在没有多余括号的情况下漂亮地打印表达式的最干净的方法是什么？我有以下 lambda 表达式的表示: Term ::= Fun(String x, Term t) | App(
printing - 为 Julia 中的新类型定义类似 print() 的函数
为了在 Julia 中创建可打印的新类型，应该定义哪些方法？我认为应该只定义 show，然后它将引发其他函数的行为，例如: 打印字符串 repl_show 显示紧凑展示需要为新类型定义以下哪些方
printing - Javascript - 如何判断 window.print() 是否成功？
我有一个页面，用户可以在其中打印一些带有图像和数据的 pdf。我希望他们能够打印他们想要的文件数量，并且能够暂停它们——这意味着他们可以停止打印并防止打印尚未发送到打印机的文件；当然，已经发送到打印机
printing - 为什么 print-circle 默认为 nil？
CLHS 说 An attempt to print a circular structure with *print-circle* set to nil may lead to looping
python - pycharm 自动完成 "print()"而不是 "print"
正如标题所示，在 Pycharm 中使用自动完成功能时，显示的唯一自动完成选项是:print(args,kwargs) 内置我希望自动完成功能以“print”完成，因为这是我通常使用的。我正在使用
go - 如何 fmt.Print ("print this on the center")
是否有可能使用 fmt.Println("...") 打印一个 shell 居中对齐的字符串？最佳答案作为对这个长期回答问题的更新，可以通过使用 fmt 包中的 * 符号来改进@miltonb 发
printing - 如何格式化 PRINT 或 WRITE 语句以覆盖控制台屏幕上的当前行？
我想在控制台屏幕上显示使用 DO 循环完成的计算进度。我可以像这样将进度变量打印到终端: PROGRAM TextOverWrite_WithLoop IMPLICIT NONE INTEGER ::
r - 直接调用对象时获取传递给 `print`的对象名称(不表达 `print`函数)
我正在尝试为我的新对象定义打印方法，并使用传递给 print 的对象名称。使用 deparse(substitute(y)) .这可以完美地使用 print功能明确: obj function (x
printing - Drupal 7 : Print pdf using dompdf
我需要安装 dompdf 方面的帮助。我应该将解压的 zip 文件放在目录中的哪个位置？我按照 INSTALL.txt 进行操作，它显示“将下载的包的内容提取到支持的路径之一”。这是否意味着放入“Mo
c++ - QtWebkit : Printing issue: no images on printed page
我的应用程序中有一个 webkit 小部件，您可以打印它。打印效果很好，除了打印时没有图像，即使屏幕上有图像。打印代码如下: void MainWindow::printPage() { Q

首页

博学

6Ren·AI

商城

css - @media print css 没有给出所需的输出