我正试着打印自动点唱机的纸条.我编写了一些代码,生成html页面来显示条带,然后您可以打印它们.自动存储塔有 Select 按钮,如ABCDEFGHJK和1234567890.为了更容易地装入带条的插槽,我想在卡的角落打印该指示符,一旦插入它,它将不再可见.在您剪切所有打印条并将其插入正确的插槽后,这会更容易.
但无论我做什么,打印这个指示符都会移动条带上的文本,这当然不是我想要的.
到目前为止,我的代码如下所示:
<!doctype html>
<html>
<head>
<style type="text/css">
.card {
width: 3in;
height: 1in;
background-image: url(http://www.videofrank.nl/images/jukestrip.jpg);
background-size: 3in 1in;
}
.line {
width: 3in;
height: 7mm;
text-align: center;
font-family: Georgia, serif;
}
.cardnumber {
font-size: 5px;
top: auto;
z-index: 100;
}
</style>
</head>
<body>
<table cellspacing="0" cellpadding="0">
<tr>
<td class="card">
<table cellspacing="0" cellpadding="0">
<tr>
<td class="line">Let It Be</td>
</tr>
<tr>
<td class="line">Beatles</td>
</tr>
<tr>
<td class="line">Yellow Submarine</td>
</tr>
</table>
<div class="cardnumber">H1<br>H2</div>
</td>
<td class="card">
<table cellspacing="0" cellpadding="0">
<tr>
<div class="cardnumber">J7<br>J8</div>
<td class="line">Bad</td>
</tr>
<tr>
<td class="line">Michael Jackson</td>
</tr>
<tr>
<td class="line">Liberian Girl</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
我也试过各种各样的position: absolute
和postion: relative
,但我做不好.
有什么 idea 可以改变吗?