|
หัวข้อ: ถามเรื่องการตัดคำ กับ CSS ครับ เริ่มหัวข้อโดย: X-ZYTE ที่ 02 กรกฎาคม 2014, 23:47:18 ธีมนี้เป็นแบบ Grid ครับ ปัจจุบันนี้มันตัดคำอยู่ที่ 1 บรรทัด
ผมอยากเพิ่มให้เป็นตัดที่ 2 บรรทัด ผมต้องแก้ยังไงบ้างครับ ขอบคุณมากครับ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; (http://upic.me/i/vn/59untitled.png) หัวข้อ: Re: ถามเรื่องการตัดคำ กับ CSS ครับ เริ่มหัวข้อโดย: dekmv ที่ 03 กรกฎาคม 2014, 01:39:20 ที่ผมใช้ตอนนี้ก็กำหนด height เอาอ่ะครับ แล้วก็ overflow: hedden; เอาอ่ะครับ ... ผมไม่แน่ใจว่าวิธีนี้จะถูกต้องนะครับใช้ไปก่อน วันไหนไปเจอที่ดีกว่าก็ว่าจะเปลี่ยนอ่ะครับ
หัวข้อ: Re: ถามเรื่องการตัดคำ กับ CSS ครับ เริ่มหัวข้อโดย: MD.18 ที่ 03 กรกฎาคม 2014, 02:31:58 อย่างนี้ได้ไหม
เอา white-space: nowrap; ออกเพื่อให้มันตัดบรรทรรต่อไปได้ แล้วก็เปลี่ยน overflow: hidden; ไปเป็น overflow-y: hidden; แล้วก็ไปปรับความสูงของกล่องตัวอักษรให้เพิ่มขึ้นมารองรับได้อีก 1 บรรทัด เพราะจากแนวคิดนี้มันก็น่าจะแสดงคำไปเรื่อยๆ จนถึงความสูงของกล่องข้อความที่เราตั้งใหม่มันก็จะ hidden โดยที่ตัวสุดท้ายยังคงมี ...อยู่ด้วย text-overflow: ellipsis; :wanwan004: ผมก้มั่วๆ ไปนะครับ หัวข้อ: Re: ถามเรื่องการตัดคำ กับ CSS ครับ เริ่มหัวข้อโดย: romance69 ที่ 03 กรกฎาคม 2014, 04:33:05 ที่ผมใช้ตอนนี้ก็กำหนด height เอาอ่ะครับ แล้วก็ overflow: hedden; เอาอ่ะครับ ... ผมไม่แน่ใจว่าวิธีนี้จะถูกต้องนะครับใช้ไปก่อน วันไหนไปเจอที่ดีกว่าก็ว่าจะเปลี่ยนอ่ะครับ ผมใช้ตามท่านนี้บอกครับ ^___^ หัวข้อ: Re: ถามเรื่องการตัดคำ กับ CSS ครับ เริ่มหัวข้อโดย: godzillaser ที่ 03 กรกฎาคม 2014, 08:31:59 กำหนด height ใส่ word-wrap:break-word; แล้วก็ ทำให้มันมีจุด text-overflow:ellipsis;
แบบนี้รึปล่าวครับ หัวข้อ: Re: ถามเรื่องการตัดคำ กับ CSS ครับ เริ่มหัวข้อโดย: Surakrai ที่ 04 กรกฎาคม 2014, 11:05:00 ลองดูครับ http://jsfiddle.net/surakrai/bX5z9/
หัวข้อ: Re: ถามเรื่องการตัดคำ กับ CSS ครับ เริ่มหัวข้อโดย: MD.18 ที่ 04 กรกฎาคม 2014, 12:28:15 ลองดูครับ [url]http://jsfiddle.net/surakrai/bX5z9/[/url] ie ไม่แสดงผลนะครับ :wanwan017: หัวข้อ: Re: ถามเรื่องการตัดคำ กับ CSS ครับ เริ่มหัวข้อโดย: Surakrai ที่ 06 กรกฎาคม 2014, 13:12:51 ลองดูครับ [url]http://jsfiddle.net/surakrai/bX5z9/[/url] ie ไม่แสดงผลนะครับ :wanwan017: อีกแบบ ใน ie น่าจะได้ http://jsfiddle.net/surakrai/bX5z9/2/ แต่แนะนำให้เสร็จมาจาก php หรือถ้าแตะต้อง php ไม่ได้ ก็ใช้ jquery |