ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์CMS & Free Scriptถามเรื่องการตัดคำ กับ CSS ครับ
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: ถามเรื่องการตัดคำ กับ CSS ครับ  (อ่าน 2672 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
X-ZYTE
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 333
ออฟไลน์ ออฟไลน์

กระทู้: 1,639



ดูรายละเอียด เว็บไซต์
« เมื่อ: 02 กรกฎาคม 2014, 23:47:18 »

ธีมนี้เป็นแบบ Grid ครับ ปัจจุบันนี้มันตัดคำอยู่ที่ 1 บรรทัด
ผมอยากเพิ่มให้เป็นตัดที่ 2 บรรทัด ผมต้องแก้ยังไงบ้างครับ
ขอบคุณมากครับ

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;

บันทึกการเข้า
dekmv
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 222
ออฟไลน์ ออฟไลน์

กระทู้: 3,264



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 03 กรกฎาคม 2014, 01:39:20 »

ที่ผมใช้ตอนนี้ก็กำหนด height เอาอ่ะครับ แล้วก็ overflow: hedden; เอาอ่ะครับ ... ผมไม่แน่ใจว่าวิธีนี้จะถูกต้องนะครับใช้ไปก่อน วันไหนไปเจอที่ดีกว่าก็ว่าจะเปลี่ยนอ่ะครับ
บันทึกการเข้า
MD.18
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 287
ออฟไลน์ ออฟไลน์

กระทู้: 3,008



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 03 กรกฎาคม 2014, 02:31:58 »

อย่างนี้ได้ไหม

เอา white-space: nowrap; ออกเพื่อให้มันตัดบรรทรรต่อไปได้
แล้วก็เปลี่ยน overflow: hidden;  ไปเป็น overflow-y: hidden;
แล้วก็ไปปรับความสูงของกล่องตัวอักษรให้เพิ่มขึ้นมารองรับได้อีก 1 บรรทัด

เพราะจากแนวคิดนี้มันก็น่าจะแสดงคำไปเรื่อยๆ จนถึงความสูงของกล่องข้อความที่เราตั้งใหม่มันก็จะ hidden โดยที่ตัวสุดท้ายยังคงมี ...อยู่ด้วย text-overflow: ellipsis;


 wanwan004 ผมก้มั่วๆ ไปนะครับ
บันทึกการเข้า

ติดต่อทางเมล์ [email protected] by ทวีศักดิ์  line : 0862600055

คิวงานว่าง !!
romance69
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 169
ออฟไลน์ ออฟไลน์

กระทู้: 2,166



ดูรายละเอียด เว็บไซต์
« ตอบ #3 เมื่อ: 03 กรกฎาคม 2014, 04:33:05 »

ที่ผมใช้ตอนนี้ก็กำหนด height เอาอ่ะครับ แล้วก็ overflow: hedden; เอาอ่ะครับ ... ผมไม่แน่ใจว่าวิธีนี้จะถูกต้องนะครับใช้ไปก่อน วันไหนไปเจอที่ดีกว่าก็ว่าจะเปลี่ยนอ่ะครับ

ผมใช้ตามท่านนี้บอกครับ ^___^
บันทึกการเข้า

ขายปลั๊กอิน Wordpress ตรวจหวยออนไลน์ อัปเดตอัตโนมัติ ราคา 2,500 บาท ใส่โค้ด THAISEO10 รับส่วนลด 10%
รับเขียนเว็บไซต์, รับเขียน Theme wordpress, รับเขียน Plugin wordpress
godzillaser
สมุนแก๊งเสียว
*

พลังน้ำใจ: 43
ออฟไลน์ ออฟไลน์

กระทู้: 619



ดูรายละเอียด
« ตอบ #4 เมื่อ: 03 กรกฎาคม 2014, 08:31:59 »

กำหนด height ใส่ word-wrap:break-word; แล้วก็ ทำให้มันมีจุด text-overflow:ellipsis;
แบบนี้รึปล่าวครับ
บันทึกการเข้า

Surakrai
ก๊วนเสียว
*

พลังน้ำใจ: 71
ออฟไลน์ ออฟไลน์

กระทู้: 321



ดูรายละเอียด เว็บไซต์
« ตอบ #5 เมื่อ: 04 กรกฎาคม 2014, 11:05:00 »

ลองดูครับ http://jsfiddle.net/surakrai/bX5z9/
บันทึกการเข้า
MD.18
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 287
ออฟไลน์ ออฟไลน์

กระทู้: 3,008



ดูรายละเอียด เว็บไซต์
« ตอบ #6 เมื่อ: 04 กรกฎาคม 2014, 12:28:15 »

ลองดูครับ http://jsfiddle.net/surakrai/bX5z9/

ie ไม่แสดงผลนะครับ  wanwan017
บันทึกการเข้า

ติดต่อทางเมล์ [email protected] by ทวีศักดิ์  line : 0862600055

คิวงานว่าง !!
Surakrai
ก๊วนเสียว
*

พลังน้ำใจ: 71
ออฟไลน์ ออฟไลน์

กระทู้: 321



ดูรายละเอียด เว็บไซต์
« ตอบ #7 เมื่อ: 06 กรกฎาคม 2014, 13:12:51 »

ลองดูครับ http://jsfiddle.net/surakrai/bX5z9/

ie ไม่แสดงผลนะครับ  wanwan017


อีกแบบ ใน ie น่าจะได้ http://jsfiddle.net/surakrai/bX5z9/2/

แต่แนะนำให้เสร็จมาจาก php หรือถ้าแตะต้อง php ไม่ได้ ก็ใช้ jquery
บันทึกการเข้า
หน้า: [1]   ขึ้นบน
พิมพ์