Jason โพสต์ 2020-6-29 14:06:52

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

แก้ไขครั้งสุดท้ายโดย Jason เมื่อ 2020-11-29 17:19

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


https://i.imgur.com/xXM7y5G.png

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


ผมอยากแก้ให้เหมือนสกินนี้ พอดีผมลืมวิธีแก้ไปแล้ว อันนี้ก็มาดูเหมือนกัน ตอนแรกติดกันแบบภาพบน
ใครรู้วิธีแก้รบกวนหน่อยนะครับ
https://i.imgur.com/4qUNqZt.png

popiazaza โพสต์ 2020-6-29 20:33:41

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

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

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

ส่วนไม่รู้ว่าต้องแก้ไขตรงไหน ผมขอยกตัวอย่าง Template default
โดยจะแก้ที่ไฟล์ /template/default/common/module.css
ค้นหาคำว่า
.t_f, .t_f td { font-size: {MSGFONTSIZE}; }แล้วเพิ่ม line-height ต่อท้ายไปไป เช่น
.t_f, .t_f td { font-size: {MSGFONTSIZE}; line-height: 20px; }


Jason โพสต์ 2020-6-29 22:01:53

แก้ไขครั้งสุดท้ายโดย Jason เมื่อ 2020-6-29 23:14

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

ก็กลับไปแก้ไ ...
ขอบคุณครับเ

Jason โพสต์ 2020-6-29 23:13:03

แก้ไขครั้งสุดท้ายโดย Jason เมื่อ 2020-6-29 23:14

เพิ่มเติม สำหรับคนใช้สกินนี้ มันหลบซอกหลีบหน่อย งมทั้งวัน+ขอบคุณ @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 โพสต์ 2020-11-29 01:42:41

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

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



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

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

popiazaza โพสต์ 2020-11-29 16:27:20

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

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

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

Jason โพสต์ 2020-11-29 17:19:33

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

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


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