我用一個Css樣式表把我的文本框放在正確的位置,在crome txtbox和句子看起來很好,一切都在正確的位置,但是當試圖用ctrl + p打印網站的每一句話和每個文本框移動時,我能做些什麼,所以它看起來一樣?:當試圖打印時,Php表單看起來不同?
<!--
#caption_1 {
position:relative;
left:-120px;
top:0px;
width:175px;
height:22px;
font-size:18px;
}
-->
<!--
#txtfeld_1 {
position:relative;
left:-100px;
top:0px;
width:175px;
height:22px;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
}
-->
而且我在這裏的文本框,例如:
print '<font size="4" id="caption_1" face="Calibri">Absender Typ/Shipper type:</font></div><input type="text" name="absenderTyp" value="'.$absenderTyp.'" id="txtfeld_1" readonly></div>';
使用@media print來定義css僅用於打印和/或強制維護位置。默認情況下,某些內容在準備打印時會被瀏覽器丟棄。 – LordNeo
在使用媒體打印時,txtboxes會改變它們的位置,是否必須將它們對齊,然後打印? – Xxy
將你的普通css複製到@media打印塊中,這應該足以得到一個「相同的位置」的東西,但其他一些東西(如容器寬度)可能會改變這種情況,所以儘量使用明確的 – LordNeo