สืบเนื่องจาก chrome ปรับความกว้างตาม horizontal ของ internal content ให้เช็คดูว่า มี element ใดที่ take width space แล้วเรามองไม่เห้น ให้ลองลากเมาส์คลุมหน้าเวปเพจจะเห็น highlight ในส่วนที่ take space ออกมา ให้เราทำการแก้ไข element นั้น เพื่อตัด space ที่มองไม่เห้นออกไป
อย่างกรณีนี้ ให้แก้ในส่วน tag div เพ่ิม width attribute
***ส่วน การกำหนด ขนาด width ข้อสังเกต px กับ pt บางคร้งมีผลต่อหน้ากระดาษเช่น กำหนด 250px output ขยายเกินไป หรือ ต่ำกว่า 250pt ย้ำใช้หน่วย pt ก็ยังตกไปหน้า2 แต่ถ้ากำหนด 250pt จะได้ element ทังหมดใน 1หน้ากระดาษ
<div style="display:inline;width:250px;">
<h5 style="margin:0px">สถิติ</h5>
<table class="stat" style="border:1px solid black">
<tr><td class="style1">เหตุหยุด</td><td class="style1">มาสาย</td><td class="style1">ขาดงาน</td>
<td class="style1">ลาป่วย</td><td class="style1">ลากิจ</td><td class="style1">พักร้อน</td></tr>
<tr><td>เดือนปัจจุบัน</td><td id="m1">-</td><td id="m2">-</td><td id="m3">-</td><td id="m4">-</td><td id="m5">-</td></tr>
<tr><td>ทั้งปี</td><td id="y1">-</td><td id="y2">-</td><td id="y3">-</td><td id="y4">-</td><td id="y5">-</td></tr>
</table>
</div>
<div style="position:relative;left:450px;top:-70;width:250pt;">
<!--กำหนดมากกว่า หรือน้อยกว่า 250 เส้นหมายเหตุจะไปหน้า2-->
<h5 style="margin:0px">อายุงาน</h5>
<table class="stat" style="border:1px solid black;">
<tr><td id="agejob" style="margin:10px;width:150px;" >-</td></tr>
</table>
</div>
<div style="width:250px;">
<h5>หมายเหตุ</h5>
<p class="hrremark" style="width:630px;height:20px;border-top:1px solid black"></p>
<p class="hrremark" style="width:630px;height:20px;border-top:1px solid black"></p>
<p class="hrremark" style="width:630px;height:20px;border-top:1px solid black"></p>
</div>
ไม่มีความคิดเห็น:
แสดงความคิดเห็น