ต่อไป »

[ilklas]

ผมมีปัญหาเรื่องโมดูลแสดงคำยาวไปครับ ในโมดูลก็ไม่มีให้แก้ ลองหาแล้วพอได้ข้อมูลมาว่าอาจต้องใช้ CSS ตัดคำให้สั้นลง แต่ผมมือใหม่ครับ
ใช้ CSS อะไรหรอครับ ถึงจะได้ รบกวนด้วยครับ 

คำในโพสโชว์ยาวจนโมดูลคลิกไม่ได้เลย


ยาวจนลากลงไปครึ่งหน้า 

[BakKheab]

selector {
     display: block;
     display: -webkit-box;
     max-width: 300px;
     -webkit-line-clamp: 4; /* จำนวนบรรทัดที่ต้องการแสดง */
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
}

[ilklas]

selector {
     display: block;
     display: -webkit-box;
     max-width: 300px;
     -webkit-line-clamp: 4; /* จำนวนบรรทัดที่ต้องการแสดง */
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
}

ไม่ได้อ่าครับ

[ten1312]

selector {
     display: block;
     display: -webkit-box;
     max-width: 300px;
     -webkit-line-clamp: 4; /* จำนวนบรรทัดที่ต้องการแสดง */
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
}

ไม่ได้อ่าครับ

โค้ดก็ใช้ได้นะครับ
ไม่ได้นี่หมายถึงอะไร ใส่ไม่ได้หรือใส่แล้วไม่แสดงผล

[affsom]

มีหน้าเวปป่าวครับ เดี๋ยวดูให้ครับ

 

[BakKheab]

selector {
     display: block;
     display: -webkit-box;
     max-width: 300px;
     -webkit-line-clamp: 4; /* จำนวนบรรทัดที่ต้องการแสดง */
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
}

ไม่ได้อ่าครับ

คุณได้เปลี่ยน selector หรือเปล่าครับ

[ilklas]

selector {
     display: block;
     display: -webkit-box;
     max-width: 300px;
     -webkit-line-clamp: 4; /* จำนวนบรรทัดที่ต้องการแสดง */
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
}

ไม่ได้อ่าครับ

คุณได้เปลี่ยน selector หรือเปล่าครับ

เปลี่ยนเป็นอะไรหรอครับ

[ten1312]

selector {
     display: block;
     display: -webkit-box;
     max-width: 300px;
     -webkit-line-clamp: 4; /* จำนวนบรรทัดที่ต้องการแสดง */
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
}

ไม่ได้อ่าครับ

คุณได้เปลี่ยน selector หรือเปล่าครับ

เปลี่ยนเป็นอะไรหรอครับ

ต้องเอาโค้ดมาดูจะได้บอกถูก

selecter ก็คือตัวชี้ตำแหน่ง เช่น class id
คุณจะเอา style ตัวนี้ไปใส่ตรงไหนคุณก็ชี้ตำแหน่งให้มันด้วย