个人中心
文章发布
退出
作者热门文章
- android - RelativeLayout 背景可绘制重叠内容
- android - 如何链接 cpufeatures lib 以获取 native android 库？
- java - OnItemClickListener 不起作用，但 OnLongItemClickListener 在自定义 ListView 中起作用
- java - Android 文件转字符串
30
4
我正在创建一个要打印的网页。它可以换到 2 页。每个 Angular 落必须有一个黑色的小方 block ，供扫描仪引用。我很确定我只需要为 Angular 落中的 4 个黑色方 block 添加 div，并为主要内容区域添加一个 div。我如何定位 4 个 Angular 方 block ，以便它们中的每一个都位于打印页面的自己的一 Angular ，内容 div 填充中心？中心内容应该在 Angular 方 block 内从左到右，但可以从上到下与它们重叠。
编辑:我上传了一张示例图片，但没有显示。
编辑:这是我目前所拥有的:
<html>
<head>
<title>Printable Form</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<div id="UpperLeftScanningIndicator"></div>
<div id="UpperRightScanningIndicator"></div>
<div id="Content">Here is some content.<br /><br /><br /><br />Here is some more.</div>
<div id="LowerLeftScanningIndicator"></div>
<div id="LowerRightScanningIndicator"></div>
</body>
</html>
#Content {
border: solid 1px black;
width:90%;
margin-left:auto;
margin-right:auto;
}
#UpperLeftScanningIndicator {
height: 20px;
width: 20px;
background-color: black;
float: left;
}
#UpperRightScanningIndicator {
height: 20px;
width: 20px;
background-color: black;
float: right;
}
#LowerLeftScanningIndicator {
height: 20px;
width: 20px;
background-color: black;
float: left;
position:absolute;
bottom:20px;
}
#LowerRightScanningIndicator {
height: 20px;
width: 20px;
background-color: black;
float: right;
position:absolute;
bottom:20px;
right:500px;
}
我不确定如何让右下方的方 block 向右移动。 float 会起作用，但使用“绝对”似乎会打破它。注意:您的浏览器窗口需要足够宽才能让这个示例看起来不错。另外，我不确定如何让这些黑色方 block 出现在每一页上，无论是只有一页还是打印了第二页。
最佳答案
其实很简单。我已经更新了你的 fiddle - http://jsfiddle.net/avrahamcool/7DjTf/1/
您必须正确使用 right 属性。
我建议对所有指标使用相同的技术。所以对所有这些都使用 position: absolute; ，并设置 top/bottom left/相应地对此外，无需重复样式。改用类。像这样:http://jsfiddle.net/avrahamcool/7DjTf/2/
更新: apparently ，@page CSS3 伪元素规则尚未在浏览器中实现，因此我们将不得不回退到 JavaScript。 (如果是，您将拥有一个完美的解决方案，如 this 文章解释)
首先:因为没有打印background-color，所以我改用了img标签。第二:第一个解决方案只有 4 个指示器(开头 2 个，结尾 2 个)，而您希望每个打印页有 4 个指示器。
所以这是一个新的解决方案:http://jsfiddle.net/avrahamcool/7DjTf/5/
想法是随着内容的增长添加动态指标。指示器应仅在打印时可见。可视化指标的部分是 .indicator 规则，他位于@print 规则中。
到目前为止，我还没有设法编写“知道”将打印多少页的代码。所以 for 循环运行固定次数(我不知道如何解决这部分)
在循环内:我每次添加 4 个动态指示器(左侧 2 个，右侧 2 个)，偏移量应以下一个指示器位于下一页的方式增长。
如果您知道您将拥有多少页，这对您来说是一个完美的解决方案。
注意:从不同的浏览器打印时，页面之间的这种偏移是不同的。我已经在 Chrome 中测试了我的解决方案。 (IE & FF 需要一点调整)；
关于css - 使用 HTML 和 CSS 的基本打印页面布局，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18704014/
30
4
0
如何将十进制数字转换为mixed radix表示法？ 我猜想给定每个基数数组的输入和十进制数，它应该输出每列值的数组。 最佳答案 伪代码: bases = [24, 60, 60] input = 8
我有 Table-A，其中有“x”行。 (对于这个例子有 8 行) 我通过使用游标创建了列数为“x”的Table-C。 (使其动态化；如果将更多行添加到 Table-A，则会在 Table-C 中创建
我有一个关于对象的(很可能是简单而愚蠢的)问题。我创建了实例“Person”的对象“jon”。当我打电话时 console.log(jon.name) 控制台会给我输出“jon”。到目前为止，一切都很
这个问题已经有答案了: 已关闭11 年前。 Possible Duplicate: javascript function vs. ( function() { … } ()); 抱歉，如果这太基础了
我正在尝试用 Java 重新创建射弹轨迹，但是，我遇到了一些问题。我看过很多解释公式之类的视频，但他们的方程中有一个目标，而我没有。我的意思是，他们有一个范围来计算子弹的下落，但我试图弄清楚子弹最终会
(希望如此)来自一个完整的 Rust 初学者的一个简单问题。我的循环有什么问题？ num 计算结果为“69”的速度相当快，但是一旦 num 设置为“69”，循环就永远不会退出。我肯定遗漏了一些明显的东
我在 id="name"的元素上应用“.length”，但它计数为 29 而不是 14。我想知道我的错误在哪里？如果有人可以让我知道，那就太好了。谢谢! var name=document.getEl
我知道这很简单，但由于某种原因我无法让它工作。我正在尝试在 Java 中创建自定义颜色，但它似乎不起作用。 import java.awt.Color; Color deepGreen = new C
我有一个大文件，其中每一行都包含一个子字符串，例如 ABC123。如果我执行 grep ABC file.txt 或 grep ABC1 file.txt 我按预期返回这些行，但如果我执行 grep
我想将以下实体映射转换为 Priority 对象。在 getter 上，当我将“Short”更改为“Priority”并遵循 this.priority 时，它会提示 'basic' 属性类型不应该是
我正在开发一个相当基本的函数，我发现很难弄清楚为什么我会得到我的输出。 def mystery(n): print(n) if n < 4: my
我正在尝试对 WordPress 安装的新闻部分实现同位素过滤。我是 JavaScript/jQuery 的新手，正在尝试随时随地学习。我首先使用 Filters section of the Iso
已关闭。这个问题是 not reproducible or was caused by typos 。目前不接受答案。 这个问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-top
我在另一个实体类中引用一个实体并收到此错误。下面是示例代码。我在 persistence.xml 中也有这些类。 是什么导致了这个问题？我正在使用 Spring 数据 JPA 和 Hibernate。
我正在解析 HTML 并重新格式化图像以使其更好地适应。由于某种原因，当我有多个图像需要解析时，我会超出范围，而且我一生都无法弄清楚为什么。 当 imgArray.count >1 时，我将使用带有递
我是 SQL 新手，正在尝试创建一个基本的子查询。我需要找出经理的平均年龄和实习生的平均年龄之间的差异。 标题为一栏 - 经理或实习生年龄是一列，全部在同一个表中。 我会使用两个子查询来做类似的事情:
我习惯了 csh，所以不得不使用 bash 有点烦人。这段代码有什么问题？ if[$time > 0300] && [$time 和 300 && time < 900 )) then mod
我建立了这个页面:http://excelwrestling.com/poola.php即将到来的双重锦标赛。我的大部分数据都是从我的 mySQL 数据库中提取的，现在只有一些示例数据。 我希望链接选
是否有任何原因导致以下内容不起作用: for (i=0;i < someArray.length;i++) { if (someArray[i].indexOf("something") !=
我现在正在学习 Javascript，有一个问题一直困扰着我! 因此，我在这里所需要做的就是在此输入框中键入颜色，单击按钮并将标题更改为键入的颜色(仅当键入的颜色位于变量中指定的数组中时)。 我的代码
我是一名优秀的程序员,十分优秀！