如何讓顯示與列印時的畫面是一致的?- 藍色小舖 BlueShop

台灣最大程式設計社群網站

∣免費加入會員∣登入 ∣回首頁∣ 您好

線上人數
1113

會員總數：246268
討論主題：189809

登入

登出

歡迎您免費加入會員

討論區選單

開發工具

行動裝置開發

資料庫

多媒體 / 網管

綜合

文章區

討論區列表 >> ASP >> 如何讓顯示與列印時的畫面是一致的?

[]

[我要回覆]

如何讓顯示與列印時的畫面是一致的?
價值 : 20 QP 點閱數:1012 回應數:2

樓主

Beryl

16	155
1704	251

發送站內信

因表格比較複雜,所以先將表格做成底圖,然後在底圖上面放置控制元件
可是發現顯示時底圖與元件的位子排列無誤,但是預覽列印時畫面上
底圖與元件的位子都錯開了,
請問在列印時如何調整底圖或元件位置來互相配合呢?? 謝謝~
程式碼如下(前面省略取得欄位值的SQL)

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
<title>會辦申請單列印</title>
</head>
<body>
<div id="block">
<p><br>
<br>
<img border="0" src="cw001_print.gif" width="627" height="908"></p>
<div style='Position:absolute; top:  116px; left:  14px; width: 100px; height:  20px;font-size: 14px '><input id='cw001003a' name='cw001003' value='0' type=radio <%=chk(rs("cw001003"),"特急件","checked")%> disabled >特急件</div>
<div style='Position:absolute; top:  116px; left:  79px; width: 100px; height:  20px;font-size: 14px '><input id='cw001003b' name='cw001003' value='1' type=radio <%=chk(rs("cw001003"),"急件","checked")%> disabled>急件</div>
<div style='Position:absolute; top:  116px; left: 130px; width:  70px; height:  20px;font-size: 14px '><input id='cw001003c' name='cw001003' value='2' type=radio <%=chk(rs("cw001003"),"普通","checked")%> disabled>普通</div>
<input class=FieldData id='cw001004' name='cw001004' style='Position:absolute; top:  116; left: 265; width: 100px; height:  20px ' disabled value = <%=cw001004%> >&nbsp;
<input class=FieldData id='cw001005' name='cw001005' style='Position:absolute; top:  116; left: 444; width:  150px; height:  20px; color: #000000' readonly value = <%=cw001005%> >&nbsp;&nbsp;&nbsp;
<input class=FieldData id='cw001006' name='cw001006' style='Position:absolute; top:  150; left: 152; width: 155px; height:  20px ' readonly value = <%=cw001006%>>
<input class=FieldData id='cw001007' name='cw001007' style='Position:absolute; top:  150; left: 465; width: 155px; height:  20px ' readonly value = <%=cw001007%>>
<input class=FieldData id='cw001008' name='cw001008' style='Position:absolute; top:  184; left: 152; width: 155px; height:  20px ' readonly value = <%=cw001008%>>&nbsp;
<input class=FieldData id='cw001010' name='cw001010' style='Position:absolute; top: 219; left: 152; width: 470px; height:  20px ' readonly  value = <%=cw001010%>>
<input class=FieldData id='cw001011' name='cw001011' style='Position:absolute; top: 253; left: 152; width: 470px; height:  20px ' readonly  value = <%=cw001011%>>

</body>
</html>

本篇文章發表於2013-05-10 15:02

1樓

回應

micy

因為看不到您的底圖所以沒能測試
假設您的要調整的元件是固定型的(比如要顯示在您底圖的右上)

以下是我的作法
先利用CSS來控制元件
設定預設一般狀態下(網頁瀏覽的時候)要設定的位置
比如 Position:absolute; top: 100px;
再設定執行列印時要設定的位置
比如 Position:absolute; top: 200px;

以上語法參考：(抱歉,初學者還不會使用怎麼把範例語法另外呈現)
<style>
.radio1 {Position:absolute; top: 100px;} /*這是網頁呈現時*/
@media print {
.radio1 {Position:absolute; top: 200px;} /*列印時*/
}
</style>

因為您是採div浮動方式來做對位,以下可略過
但如果是一般背景圖位置需做調整
可利用CSS來控制背景圖位置
style="background:url(cw001_print.gif) -10px 20px no-repeat;"
當然也可以設定一般跟列印時的位置

希望對您有幫助

本篇文章回覆於2013-08-13 15:37

== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--

2樓

回應

迷路

我在猜
問題會不會是出在px上面
px是像素點，在螢幕上能夠準確的顯示
可是列印時用的是cm和mm
說不定是轉換時產生的位移問題

本篇文章回覆於2013-08-14 13:47

== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--

回覆

如要回應,請先登入.