短
试图获得与A4打印精确的尺寸表创建HTML表有固定尺寸
- 从顶部和纸底双方表的第一行和最后一行页边距必须11毫米的行0毫米
- 表的行之间
- 保证金必须4毫米从点
- 2毫米左右两侧的每一列之间
- 38毫米宽×21.2毫米高度每个小区
- 13 x行,5×列服务,13x5 = 65个细胞
这里是JS提琴
http://jsfiddle.net/tt13/ZjBrV/
问题
我能在这种情况下做什么?如何用上面解释的条件获得表格?
详细
HTML表看起来像
<body>
<table>
<td>
<div class="bcell">
sample text2<br/>
<img src="..."/><br/>
sample text2
</div>
</td>
....
</table>
</body>
使用以下CSS实现A4尺寸的打印结果,但得到的东西从我上面所解释的情况完全不同。
body {
padding:11mm 4mm 0 4mm;
background: white;
font-family: Arial;
width: 210mm;
font-size:3mm;
}
table {
page-break-after:always;
width: 100%;
height: 275mm;
margin:0 auto;
page-break-inside:avoid;
border-collapse: collapse;
}
td img {
height:10mm;
}
td {
width: 38mm;
height:21.2mm;
padding: 0 1mm 0 1mm;
font-style: bold;
text-align: center;
vertical-align:middle;
}
tr {
page-break-after:auto;
page-break-inside:avoid;
height:21.2mm;
margin:0;
padding:0;
page-break-inside:avoid;
}
这就像您第三次询问。如果你设置了一个jsfiddle,你会得到INSTANT结果。对代码进行调整和播放要比试图自行解释它容易得多。 – mowwwalker 2012-02-04 22:00:45
@Walkerneo http://jsfiddle.net/tt13/ZjBrV/ – 2012-02-04 22:06:42
@Walkerneo so?你看过吗? – 2012-02-04 22:13:00