htmlで印刷命令を出した際、cssのzoomで倍率を小さくしているのですがtable内要素の中文字数が一定を超えると改行されて表示されます。
それを防ぐ為に印刷時<th>要素の横幅を広げてたいのですが上手く出来ません。
何が間違っているのかわかる方教えていただけませんか。
nyuryoku.html
<!DOCTYPE html> <html> <style> @media print { div { zoom: 50%; } .frm{ position:absolute; top:0px; left:0px; } #submit_button{ visibility: hidden; } th{ width=490px; } } </style> <head> <meta charset="UTF-8" /> </head> <body> <div class="table" style='position:absolute; top:100px; left:50px;'> <form class="frm" action="syori.php" method="POST"> <font size="5" color="#000000"> <input type="submit" id="submit_button" value="送信"><br> <table border="1" rules="all" cellspacing="10" style="position:relative; left:5px"> <tr><th width=20>NO</th><th width=90>ああああ</th><th class="tenpo" width="300">テストああああ</th><th width=180>(L)</th><th>(M)</th><th width=180>(S)</th><th width=200>テスト改行<br>入れてみた</th></tr> <tr><th>1</th><th><input type="hidden" name="tencode[0]" class="tencode" value="000">000</th><th><input type="hidden" name="tenname[0]" class="tenname" value="設定データ">設定データ</th><th><table><tr><th><input type='number' min='0' max='999999' maxlength='6' name="inputl[0]" class="inputl"size="20" autofocus></th><th>箱</th></tr></table></th><th><table><tr><th><input type='number' min='0' max='999999'name="inputm[0]" class="inputm" size="20" maxlength='6' ></th><th>箱</th></tr></table></th><th><table><tr><th><input type='number' min='0' max='999999'name="inputs[0]" class="inputs" size="20" maxlength='6'></th><th>箱</th></tr></table></th><th><table><tr><th><input type='number' min='0' max='999999'class="inputsum" size="20" readonly="false" ></th><th>箱</th></tr></table></th></tr> </th></tr> </table> </font> </form> </div> </body> </html>