ใครจำวิธีแก้ CSS ข้อความโพสต์บ้างครับ (การเยื้องระหว่างบรรทัด)

Jason

สวัสดีครับ พอดีผมลืมวิธีไปแล้ว ทำไปตั้งแต่ปีที่แล้วมีใครพอรู้เรื่องสกินบ้างครับ รบกวนแนะนำหน่อย

จากภาพเจ้าปัญหา ข้อความมันจะติดกันจนไม่อ่านเลยถ้าใช้ภาษาไทย พอเรากด Enter ขึ้นบรรทัดใหม่ ถ้าภาษาอังกฤษจีนปกติ

ผมอยากแก้ให้เหมือนสกินนี้ พอดีผมลืมวิธีแก้ไปแล้ว อันนี้ก็มาดูเหมือนกัน ตอนแรกติดกันแบบภาพบน

ใครรู้วิธีแก้รบกวนหน่อยนะครับ

popiazaza

ถ้าเปลี่ยน font โดยใช้ css อยู่แล้ว (font-family)

ก็กลับไปแก้ไขที่เดิมแล้วเพิ่ม css line-height ต่อท้ายเพิ่ม เช่น line-height: 20px;

รายละเอียดและตัวอย่างเพิ่มเติมให้ลองไปดูที่ MDN Web Docs นะครับ

ส่วนไม่รู้ว่าต้องแก้ไขตรงไหน ผมขอยกตัวอย่าง Template default
โดยจะแก้ที่ไฟล์ /template/default/common/module.css
ค้นหาคำว่า

1. .t_f, .t_f td { font-size: {MSGFONTSIZE}; }

คัดลอกไปที่คลิปบอร์ด

แล้วเพิ่ม line-height ต่อท้ายไปไป เช่น

1. .t_f, .t_f td { font-size: {MSGFONTSIZE}; line-height: 20px; }

คัดลอกไปที่คลิปบอร์ด

Jason

อ้างอิงโพสต์จาก popiazaza เมื่อ 2020-6-29 20:33
ถ้าเปลี่ยน font โดยใช้ css อยู่แล้ว (font-family)

ก็กลับไปแก้ไ ...

ขอบคุณครับเ

Jason

เพิ่มเติม สำหรับคนใช้สกินนี้ มันหลบซอกหลีบหน่อย งมทั้งวัน+ขอบคุณ @popiazaza ที่ชี้โพรงให้ทำให้ช่วยงมต่อได้อีกครึ่งทาง
https://www.discuz.in.th/forum.php?mod=viewthread&tid=122#lastpost


ให้แก้ไขที่ miwei_yinyangshi\style\css\miwei.css

ค้นหา .t_f, .t_f td{ line-height:22px}

แก้เป็น .t_f, .t_f td{ line-height:36px}

Jason

อ้างอิงโพสต์จาก popiazaza เมื่อ 2020-6-29 20:33
ถ้าเปลี่ยน font โดยใช้ css อยู่แล้ว (font-family)

ก็กลับไปแก้ไ ...

ปัญหาบนแก้ได้แล้ว 5px บรรทัดปกติ

แต่พอใช้ขนาดเล็กกว่า 5px อาทิ 4 3px  ระยะบรรทัดกลับห่างมากกว่าเดิม มีวิธีฟิตระยะเยื้องให้เท่ากันทุกขนาดไหมครับ

popiazaza

อ้างอิงโพสต์จาก Jason เมื่อ 2020-11-29 01:42
ปัญหาบนแก้ได้แล้ว 5px บรรทัดปกติ

แต่พอใช้ขนาดเล็กก ...

ลองใช้เป็น % ดูมั้ยครับ มันจะเว้นบรรทัดอ้างอิงตามขนาด font ให้
เช่น line-height: 150%;

Jason

อ้างอิงโพสต์จาก popiazaza เมื่อ 2020-11-29 16:27
ลองใช้เป็น % ดูมั้ยครับ มันจะเว้นบรรทัดอ้างอิงตามขนาด font ให้
เช่น line-height: 150%;

ขอบคุณครับได้แล้ว คงได้ดีสุดแค่นี้แล้วจริง ๆ พอขยับลงมาตัว 5px ที่ใช้เป็นหลักติดกันพรืด