HTML レイアウトの問題_html/css_WEB-ITnose-htmlチュートリアル-php.cn

HTML レイアウトの問題_html/css_WEB-ITnose

WBOY

リリース： 2016-06-21 09:02:54

オリジナル

1489 人が閲覧しました

このエフェクトをページに作成しましたが、プリンターで印刷すると、確かにテキストの下に QR コードが表示されました。これを変更する方法を教えてください。
ページのコードは次のとおりです。

<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" height="120" />					</div>				</div>

ログイン後にコピー

< div id="map" > または絶対位置。

または絶対位置。

これを変更する方法ですか?

どのような位置づけについて話しているのでしょうか?

Position:absolute;

スタイルは次のとおりです。具体的に変更できます:

面倒そう

Position:absolute;

あなたが言及した 2 つの方法を試しましたが、どちらも機能しません。 float:right メソッドで出力された結果は、以前のものと同じです。

方法は私と同じです。QR コードとテキストの距離が遠すぎます。

スタイルは次のとおりです。

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

ログイン後にコピー

あなたが言及した方法では、同じ結果が出力され、変化はありません。

教えてください

プリンター上のレイアウトはブラウザー上のレイアウトと異なりますこの点を見てみましょう