PHP TCPDF วิธีใช้ CSS กำหนดระยะห่างระหว่างบรรทัด

โดย SONGCHAI SAETERN
PHP TCPDF วิธีใช้ CSS กำหนดระยะห่างระหว่างบรรทัด


คีย์เวิร์ดที่ใช้ค้นหาก็คือ

"How to reduce height between two line in TCPDF using CSS"

เนื่องจากผมใช้ฟังก์ชั่น writeHTML() ของ PHP TCPDF ดังนั้นจึงสามารถกำหนด CSS ลงไปตรงๆบน HTML ที่สร้างขึ้นได้เลย แต่จะเห็นว่า padding และ margin ไม่สามารถกำหนดระยะห่างได้

ครั้นจะกำหนดระยะห่างด้วยแท็ก <br/> ก็เหมือนจะไม่ได้ตามที่ต้องการ
PHP TCPDF วิธีใช้ CSS กำหนดระยะห่างระหว่างบรรทัด

PHP TCPDF วิธีใช้ CSS กำหนดระยะห่างระหว่างบรรทัด






ผลลัพธ์จากการกำหนด CSS โดยให้ padding และ margin เพิ่มขึ้น แต่ผลลัพธ์ไม่เปลี่ยนแปลง
PHP TCPDF วิธีใช้ CSS กำหนดระยะห่างระหว่างบรรทัด

PHP TCPDF วิธีใช้ CSS กำหนดระยะห่างระหว่างบรรทัด


จากนั้นก็ลองค้นหาด้วย Google ก็ได้เว็บนี้มา
https://www.codecademy.com/en/forum_questions/5151ff87765488c5440007ed
PHP TCPDF วิธีใช้ CSS กำหนดระยะห่างระหว่างบรรทัด

เมื่อเปิดเข้าไปดูตอนแรกก็คิดว่า CSS ตัวนี้คงไม่ตรงกับที่ต้องการ
แต่พอดูที่ผลลัพธ์ก็ปิ๊งไอเดียว่า ถ้าย่อบรรทัดให้ซ้อนกันได้ ระยะห่างก็จะลดลงได้เช่นกัน

PHP TCPDF วิธีใช้ CSS กำหนดระยะห่างระหว่างบรรทัด


แต่จากการทดลองใช้ดู พบว่าจะกำหนดระยะได้ดีก็ต่อเมื่อนำข้อความหรือ ส่วนที่ต้องการทั้งหมดไปใส่ไว้ในตารางก่อน และสร้างแท็ก <div> คั่นระหว่างบรรทัดเพื่อกำหนด line-height ให้ระยะห่างลดลงมา

PHP TCPDF วิธีใช้ CSS กำหนดระยะห่างระหว่างบรรทัด


และผลลัพธ์ที่ได้


PHP TCPDF วิธีใช้ CSS กำหนดระยะห่างระหว่างบรรทัด


สรุปก็คือ การกำหนด line-height ให้กับแท็ก <div> ที่สร้างมาคั่นกลาง ระหว่าง <table> สามารถเว้นระยะห่างระหว่างบรรทัดเมื่อใช้ในโหมด writeHTML() ของ TCPDF


สนับสนุนค่ากาแฟผู้เขียนได้ที่

PHP CI MANIA PHP Code Generator 
โปรแกรมช่วยสร้างโค้ด ลดเวลาการเขียนโปรแกรม เขียนโปรแกรมง่ายและสะดวกขึ้น
สนใจสั่งซื้อราคาสุดคุ้ม >> http://fastcoding.phpcodemania.com/

ว่าด้วยเรื่องของคำสั่ง goto ในภาษา PHP

โดย SONGCHAI SAETERN

PHP goto example

<?phpgoto a;
echo 
'Foo';
 
a:
echo 
'Bar';?>

ผลลัพธ์ก็คือ จะแสดงข้อความว่า "Bar"

ที่มา : http://php.net/manual/en/control-structures.goto.php





ตัวผมเองก็เกิดคำถามว่าเอามาใช้ทำไร???

ก็นึกขึ้นได้ว่าสมัยก่อนตอนเรียนเคยเขียน Assembly แล้วจะมีคำสั่งเพื่อกระโดดไปทำงานส่วนต่างๆ ของโค้ดที่ยาวเป็นหน้ากระดาษ A4 แต่มีผลลัพธ์เพียงเพื่องานเล็กๆงานเดียว ก็เลยคิดว่า

น่าจะใช้กับโค้ดที่ยาวเป็นร้อยๆบรรทัดและไม่มีฟังก์ชั่น หรือการเรียกคลาสใดๆได้

ก็เลยลองค้นหาดูว่าคนอื่นๆ เขาใช้คำสั่ง goto ใน PHP กันบ้างหรือเปล่านะ


ก็ได้คำตอบเกี่ยวกับคำสั่ง goto ใน PHP มาดังภาพด้านบนนี้แหละครับ ^^;

ก็แปลได้ประมาณว่า ถ้าไม่เหนือบ่ากว่าแรงอะไรก็คงไม่จำเป็นต้องใช้หรอกครับ เพราะใน PHP เราสามารถสร้างฟังก์ชั่นและเรียกใช้เมื่อไหร่ก็ได้ สามารถใช้ switch ....  case หรือ if .... else ยาวๆเพื่อตรวจสอบเงื่อนไขการทำงานได้สะดวกสบาย ก็เลยยังมองไม่ออกว่าจะนำมาใช้ตอนไหนอย่างไร


แต่ถ้าใครอยากลองเอาไปใช้ก็ไม่เสียหายแต่อย่างใดครับ ^O^

วิธีแก้ไขปัญหา Bootstrap Modal พิมพ์ค้นหาใน Select2

โดย SONGCHAI SAETERN

เมื่อกล่องป๊อบอัพที่สร้างด้วย Bootstrap Modal ในช่อง Select2 ไม่สามารถพิมพ์ค้นหาใดๆได้

วิธีแก้ไขปัญหา Bootstrap Modal พิมพ์ค้นหาใน Select2

มาดูกันครับว่าขั้นตอนการแก้ไขปัญหานี้ต้องทำอย่างไรบ้าง




เริ่มจากกำหนด "คีย์เวิร์ด" ที่จะค้นหา

# เราใช้ Select2 และ Bootstrap modal ก็เปิด http://www.google.co.th แล้วพิมพ์เข้าไปเลยครับ

>> Select2  bootstrap modal 

# จากนั้นมันเกิดอะไรขึ้นก็เอามาต่อท้าย ในกรณีนี้คือ มันไม่ทำงาน

>> Select2  bootstrap modal doesn't work

เมื่อกดค้นหาก็จะได้คำตอบให้เลือกหลากหลาย ก็ลองเลือกกันดูนะครับ


แต่สำหรับบทความนี้ผมใช้วิธีนี้ครับ

1. ใช้วิธีที่ได้จาก StackOverFlow มาแก้ไขปัญหา โดยลบ tabindex="-1" ออกไป
วิธีแก้ไขปัญหา Bootstrap Modal พิมพ์ค้นหาใน Select2

2. เปิดไปหน้าโค้ด PHP ที่เราเขียนครับ ในส่วนของแท็ก HTML จะมีกล่องป๊อบอัพ Modal ทีกำหนดให้ tabindex="-1" ก็ทำการลบออกไปซะ

วิธีแก้ไขปัญหา Bootstrap Modal พิมพ์ค้นหาใน Select2


3. เมื่อลบออกโค้ดในไฟล์ PHP ของเราก็จะกลายเป็นดังภาพนี้

วิธีแก้ไขปัญหา Bootstrap Modal พิมพ์ค้นหาใน Select2

4. หลังจาก Save ไฟล์ PHP ที่แก้ไขไปแล้ว ก็ทำการรีเฟรชหน้าเว็บเพจอีกครั้ง ก็จะพบว่าสามารถพิมพ์ค้นหาได้แล้ว \^O^/
วิธีแก้ไขปัญหา Bootstrap Modal พิมพ์ค้นหาใน Select2



เพิ่มเติม

$("#select2insidemodal").select2({ dropdownParent: $("#myModal") });





ที่มา : https://stackoverflow.com/questions/18487056/select2-doesnt-work-when-embedded-in-a-bootstrap-modal/18487440#18487440





สนับสนุนค่ากาแฟผู้เขียนได้ที่

PHP CI MANIA PHP Code Generator 
โปรแกรมช่วยสร้างโค้ด ลดเวลาการเขียนโปรแกรม เขียนโปรแกรมง่ายและสะดวกขึ้น
สนใจสั่งซื้อราคาสุดคุ้ม >> http://fastcoding.phpcodemania.com/