草庐IT

Print_Tree

全部标签

html - 如何使用 print.css 使选择看起来像普通文本

我有一个显示这个的网页:这背后的Html是:ApprovedForPayment:PleaseApproveAcceptedOnHold当前,打印此页面时,请批准如图所示。正如它打印它作为一个选择下拉列表。这是有道理的,但是我希望我能以某种方式得到它,以便在打印时看起来像是普通标签,跨度等?我在想这可能使用print.css吗?谁能告诉我如何实现这一点? 最佳答案 我认为实现此目的的最简单方法是创建一个隐藏在选择列表旁边的screen.css中的跨度,当您更改选择列表中的值时,更新跨度的值。在您的print.css中显示跨度并隐藏选

javascript - 简单的 HTML pretty-print

http://jsfiddle.net/JamesKyle/L4b8b/这可能是徒劳的努力,但我个人认为这是可能的。我不是最擅长Javascript或jQuery的,但我认为我找到了一种为html制作简单pretty-print的简单方法。这个prettyprint中有四种类型的代码:纯文本元素属性值(value)观为了风格化,我想将elements、attibutes和values包装在自己的类中。我这样做的第一种方法是存储每一种元素和属性(如下所示),然后用相应的span包装它们$(document).ready(function(){$('pre.prettyprint.html

javascript - window.print() 在 IE\Firefox 中不显示相同的打印屏幕 HTML

当我在打印屏幕中调用window.print()时,打印预览在Chrome中看起来非常好,但在IE\Firefox中一些元素发生了偏移,如下所示原始HTML:FireFox打印预览我有这个打印屏幕页面的特定css(见下文),它适用于chrome但不适用于其他/**Thewrappingtagfortherendererinstant.Donotspecifyfont-size, itisrendereddynamicallyfromtheserversizesinceitisdetermining thepositionsofeachtag.**/BODY{BACKGROUND-COL

html - @media print 的 CSS 页 x of y

我会在这个问题的开头说我知道这个问题之前已经被问过,但是我能找到的所有答案似乎都引用了一个不再有效的过时解决方案(至少在Firefox56[64位]中)过时的方法是曾经有一个名为pages的自动实例化的CSS计数器,因此从这个SASS生成了一些简单的CSS:footer{position:fixed;bottom:0;left:20px;&:after{counter-increment:page;content:"Page"counter(page)"of"counter(pages);}}曾经做我想做的事。现在它显示“第[x]页,共0页”。我已经尝试使用这段CSS重新创建我自己的最

javascript - Safari 不允许第二个 window.print()

您好,我在Safari中遇到了一个奇怪的问题。我有一个按钮,单击它时会打印html的内容。我的问题是,当第一次调用window.print()时效果很好,但是,在第二次单击时,它将显示一个弹出窗口,说明:'Thiswebpageistryingtoprint.Doyouwanttoprintthiswebpage?'如果我在此对话框中单击打印,什么也不会发生。为什么会发生这种情况的任何想法?提前致谢!Javascript-$scope.print=function(){varcontents=document.getElementById("print-section").outerH

html - Chrome : Print preview differs from simulate CSS media print

我在Chrome26中打印我的页面时遇到问题,其中表格显示为灰色背景色。当我使用模拟CSS媒体打印在chrome中查看页面时,它看起来不错在Safari中打印时一切正常。有人知道如何解决这个问题吗? 最佳答案 解决方法如下:将此添加到您的打印css*{transition:none!important}参见:https://nicolasbouliane.com/blog/print-preview-significantly-different-inspector-chrome 关于h

jquery - 图像映射 : Click to echo/print text on screen

是否可以单击图像映射的一部分并打印出一些文本,例如alt或title那的值(value)在页面某处标记?我可以通过jQuery做到这一点吗?我已经看过并且正在努力这样做(对jQuery非常生疏,并且是一个新手)。我玩过一些代码,但我设法得到的只是静态数据。谢谢。编辑:这是一张包含30个大小和形状独特的可点击“区域”的大图像。 最佳答案 HTML:jQuery:$(function(){$('maparea').click(function(){alert($(this).attr('alt'));});});

html - 为 IE8 使用媒体 ="print"

此行修复了Chrome/IE7和IE9的打印预览,但它似乎不适用于IE8。有人知道吗?经过一些评论后,我意识到这是一个IE8问题。我一直在四处寻找并想出在我的部分顶部添加以下内容:这使得使用带有@mediaprint{}的通用样式表成为可能。同样,这在IE7/9中有效,但在IE8中无效。再次无法真正弄清楚原因。但是printshiv确实有效,否则我将无法在IE7中获得正确的打印预览。 最佳答案 我终于弄清楚出了什么问题(运气好..)出于某种原因,以下css没有完成这项工作:#divID1,#divID2,#divID3{displa

php - 如何通过 window.print() 打印页面的某些特定部分

我正在phpmysql中处理一个表单。所以在我的页面中有一个表格,下面我以表格格式显示了该表格的数据。现在我只想打印表格结构,这就是为什么我只制作了一个PRINT按钮:PRINT但它会打印带有表单字段和表格的整个页面,而我只想打印表格。这是我的带有表单和表格的整个页面的设计:AddCompanyCompanyName">anotherfieldanotherfieldSubmitS.No.CompanyNameTypeAction -->?id=&cmd=edit">?id=&cmd=delete"onclick="returnconfirm('Areyousureyouwa

javascript - 哪些操作触发 'Update layer tree' ?

有人可以帮我弄清楚哪些操作会触发“更新层树”操作吗?“更新图层树”对页面加载持续时间有什么影响? 最佳答案 查看https://csstriggers.com/这是一个由几位谷歌工程师(Paul和Surma)创建的工具,用于回答“如果我更改特定CSS属性,浏览器将被迫做什么?”的问题。浏览器工作分为三个主要区域(布局、绘制和合成),该工具说明了在不同浏览器中由哪些CSS属性触发的内容。请注意,Webkit和Gecko报告的信息存在一些问题(请参阅GitHub上的thisissue),但总的来说这是一个很好的资源。像这样的工具应该是首