html布局问题_html/css_WEB-ITnose-html tutorial-php.cn

html布局问题_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Lepaskan： 2016-06-21 09:02:54

asal

1540 orang telah melayarinya

我在页面做出这个效果，但是用打印机打印出来的效果确实二维码在文字下面，请问各位大神这该怎么改，
页面代码如下：

<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" >						<img alt="Sample map" src="X220003200.jpg" width="120"    style="max-width:90%" />					</div>				</div>

Salin selepas log masuk

回复讨论(解决方案)

float:right ?或者绝对定位下。

是这样改嘛？

你说的定位是怎么定位？

position:absolute;

样式如下，具体你再修改一下：

<style>#cardstyle{position:relative;}#cardstyle .divbox{position:absolute;left:10px;}#cardstyle #map{position:absolute;left:300px;top:60px;}</style>

Salin selepas log masuk

看着比较麻烦

position:absolute;

你说的两种方法都试过了，都不行，float:right 这一种打印出来的结果跟我之前的一样，
这种打印出来的二维码跟文字距离相差太远

样式如下，具体你再修改一下：

<style>#cardstyle{position:relative;}#cardstyle .divbox{position:absolute;left:10px;}#cardstyle #map{position:absolute;left:300px;top:60px;}</style>

Salin selepas log masuk

你说的这种方法打印出来的结果也是一样的，没变化。

各位大神帮帮忙啊

打印机上的排版跟浏览器的不一样的吧，往这方面看一下吧

Label berkaitan：

html布局问题

sumber：php.cn

Artikel sebelumnya：显示字符长度_html/css_WEB-ITnose Artikel seterusnya：jsp页面Form表单不写Action=“”时表单依旧可以被提交_html/css_WEB-ITnose

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang