คีย์เวิร์ดที่ใช้ค้นหาก็คือ
"How to reduce height between two line in TCPDF using CSS"
เนื่องจากผมใช้ฟังก์ชั่น writeHTML() ของ PHP TCPDF ดังนั้นจึงสามารถกำหนด CSS ลงไปตรงๆบน HTML ที่สร้างขึ้นได้เลย แต่จะเห็นว่า padding และ margin ไม่สามารถกำหนดระยะห่างได้ครั้นจะกำหนดระยะห่างด้วยแท็ก <br/> ก็เหมือนจะไม่ได้ตามที่ต้องการ
ผลลัพธ์จากการกำหนด CSS โดยให้ padding และ margin เพิ่มขึ้น แต่ผลลัพธ์ไม่เปลี่ยนแปลง
จากนั้นก็ลองค้นหาด้วย Google ก็ได้เว็บนี้มา
https://www.codecademy.com/en/forum_questions/5151ff87765488c5440007ed
เมื่อเปิดเข้าไปดูตอนแรกก็คิดว่า CSS ตัวนี้คงไม่ตรงกับที่ต้องการ
แต่พอดูที่ผลลัพธ์ก็ปิ๊งไอเดียว่า ถ้าย่อบรรทัดให้ซ้อนกันได้ ระยะห่างก็จะลดลงได้เช่นกัน
แต่จากการทดลองใช้ดู พบว่าจะกำหนดระยะได้ดีก็ต่อเมื่อนำข้อความหรือ ส่วนที่ต้องการทั้งหมดไปใส่ไว้ในตารางก่อน และสร้างแท็ก <div> คั่นระหว่างบรรทัดเพื่อกำหนด line-height ให้ระยะห่างลดลงมา
สรุปก็คือ การกำหนด line-height ให้กับแท็ก <div> ที่สร้างมาคั่นกลาง ระหว่าง <table> สามารถเว้นระยะห่างระหว่างบรรทัดเมื่อใช้ในโหมด writeHTML() ของ TCPDF
PHP CI MANIA - PHP Code Generator
เมื่อเปิดเข้าไปดูตอนแรกก็คิดว่า CSS ตัวนี้คงไม่ตรงกับที่ต้องการ
แต่พอดูที่ผลลัพธ์ก็ปิ๊งไอเดียว่า ถ้าย่อบรรทัดให้ซ้อนกันได้ ระยะห่างก็จะลดลงได้เช่นกัน
แต่จากการทดลองใช้ดู พบว่าจะกำหนดระยะได้ดีก็ต่อเมื่อนำข้อความหรือ ส่วนที่ต้องการทั้งหมดไปใส่ไว้ในตารางก่อน และสร้างแท็ก <div> คั่นระหว่างบรรทัดเพื่อกำหนด line-height ให้ระยะห่างลดลงมา
และผลลัพธ์ที่ได้
สรุปก็คือ การกำหนด line-height ให้กับแท็ก <div> ที่สร้างมาคั่นกลาง ระหว่าง <table> สามารถเว้นระยะห่างระหว่างบรรทัดเมื่อใช้ในโหมด writeHTML() ของ TCPDF
ความคิดเห็น
แสดงความคิดเห็น