我在页面做出这个效果，但是用打印机打印出来的效果确实二维码在文字下面，请问各位大神这该怎么改，
页面代码如下：
<input name="b_print" type="button" class="ipt" onclick="printdiv('cardstyle');" value="打印 "><div id="div_print"><div id="cardstyle" > <div id="address" class="divbox" > <h3 style="border:none;border-bottom:black solid 1px;font-size:10px;width:150px;">production date: 10/30/2015 </h3> <h3 style="border:none;border-bottom:black solid 1px;font-size:10px;width:150px;">naterial code : 20401100000 </h3> <h3 style="border:none;border-bottom:black solid 1px;font-size:10px;width:150px;">parts name : coil </h3> <h3 style="border:none;border-bottom:black solid 1px;font-size:10px;width:150px;">model name: kk04 </h3> <h3 style="border:none;border-bottom:black solid 1px;font-size:10px;width:150px;"> qty ： 2000pcs </h3> <h3 style="border:none;border-bottom:black solid 1px;font-size:10px;width:150px;">supplier code : 123456789 </h3> <h3 style="border:none;border-bottom:black solid 1px;font-size:10px;width:150px;">lot no : 2015-001 </h3> </div> <div id="map" > @@##@@ </div> </div>
position:absolute;
样式如下，具体你再修改一下：
<style>#cardstyle{position:relative;}#cardstyle .divbox{position:absolute;left:10px;}#cardstyle #map{position:absolute;left:300px;top:60px;}</style>看着比较麻烦
position:absolute;
样式如下，具体你再修改一下：
<style>#cardstyle{position:relative;}#cardstyle .divbox{position:absolute;left:10px;}#cardstyle #map{position:absolute;left:300px;top:60px;}</style>各位大神帮帮忙啊
打印机上的排版跟浏览器的不一样的吧，往这方面看一下吧
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
1002
