|
 |
|
รบกวนช่วยเรื่องข้อความกับตารางหน่อย CSS เจอปัญหาอีกล่ะครับพอดีมีคนถามเยอะแล้ว search แล้วก็ทำตามวิธีต่างๆก็มิได้เลยครับก็เลยมาถามดูอีกทีครับ |
|
 |
|
|
 |
 |
|
หุหุ เป็นปัญหาเหมือนผมเลย
วิธีแก้ที่ผมเห็นน่ะ
-ขยายตารางตาม ไม่ fixed ไว้
-ซ้อนคำที่เลยตารางออกไป <- เขามองว่า user ฉลาดพอที่จะแก้ไขเองได้(รุ่นพี่ผมบอกมายังงี้ :>)
ส่วนผมใช้วิธีตัดคำโดยใช้ wordwrap ที่ผมเขียนขึ้นเองครับ
ผมจะใช้ wordwrap ของผม ก่อนที่จะ query ข้อมูลลงฐานข้อมูล โดยเอาผล wordwrap query เข้าไปเพราะถ้าดึงข้อมูลมา แล้วมา wordwrap เพื่อแสดง มันประมวลช้าครับ(ไม่ค่อยเหมาะเท่าไร)
wordwrap ของผมครับ
https://www.thaicreate.com/php/forum/031807.html
อันนี้ผมทำค้างไว้ ยังไม่มีเวลาปรับปรุงครับ
|
 |
 |
 |
 |
Date :
2009-09-30 13:08:05 |
By :
xbeginner01 |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ปรกติมันก็จะตัดคำให้อยู่แล้วครับ ถ้าไม่ได้พิมตัวติดๆกัน เหมือนตัวอย่าง
ถ้ายังต้องการจัดการเรื่องแบบนี้ผมก็คิดว่าพอมีวิธีครับ
หลังจาก browser render เสร็จก็เช็คความกว้างของตารางคับ
แล้วใช้ regex ตรวจสอบตัวอักษรที่ติดกันมากกว่าจะ 20ตัว หรือหลายๆตัว ก็แล้วแต่แล้วค่อยเพิ่ม <br> เข้าไปคับ
แล้วก็ loop เช็คความกว้างอีกครับ
|
 |
 |
 |
 |
Date :
2009-09-30 13:15:51 |
By :
pjgunner |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
แล้วถ้าเกิดเป็นภาษาไทยมันจะตัดสระ หรือวรรณยุกต์ผิดไหมครับพี่เอี่ยว
|
 |
 |
 |
 |
Date :
2009-09-30 13:23:13 |
By :
NanoTHoro |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
จะเอาวิธีแก้แบบไหนดีครับ...
ถ้า CSS อยากให้ลองศึกษาเพิ่มเติมหน่อย ผมเชื่อว่ามันจะมีประโยชน์กับคุณมากนะครับ
ค้นหาพัฒนาการแห่ง Layout
แต่ถ้าจะแก้ด้วย php ก็ลองตามที่คุณ xbeginner01 แนะนำครับ
แต่อย่างไรก็สู้ๆๆนะคับ   
|
 |
 |
 |
 |
Date :
2009-09-30 13:39:12 |
By :
pokultra |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
มันก็ต้องผิดอยู่แล้วครับ(ตามความเป้นจริง) แต่มันจะยืดเฉพาะตัวอักษรติดกันอยู่แล้วนี่ครับ 
|
 |
 |
 |
 |
Date :
2009-09-30 13:43:01 |
By :
pjgunner |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ขอบคุณมากครับ เป็นตามที่เพ่เอี่ยว บอก ถ้าไม่พิมพ์ข้อความติดกันมันจะขึ้นบรรทัดใหม่ให้ ที่ผมไม่ใช้ wordwrap เพราะว่า เวลามีคำสั่ง html แทรกเข้าไปเช่น <br> <color> พวกนี้เมื่อมันเช็คติดคำไปเจอคำสั่งพวกนี้เล่น
55555<br>5555 ดันไปตัดคำสั่ง <br> พอดี ตรงนี้แหละที่ใช้ wordwrap ไม่ได้
และวิธีที่เพ่เอี่ยวบอกให้เช็คค่าความกว้างนั้น ผมไม่รู้คำสั่งว่าจะเขียนยังไงอ่ะครับ ตอนนี้ก็ใช้ comment ไว้ให้ user
ทราบว่าเวลา พิมพ์บทความหรือข้อความนั้นควรจะมีวรรณวรรคบ้างห้ามพิมพ์ติดกัน
จนปัญญาจริงเรา คงต้องศึกษา css เพิ่มอีกเยอะเลย ยิ่งเขียนยิ่ง งง 555
|
 |
 |
 |
 |
Date :
2009-09-30 14:14:27 |
By :
somparn |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
นี่แค่ตัวอย่างนะครับ ผมใช้ jquery นะครับ
ฟังชั่นหาความกว้างคือ $('table').width() คับ ไม่แน่ใจว่าต่างบราวเซอร์จะมีปัญหาไหมนะ เหมือนว่าเคยลองใช้ต่างบราวเซอร์แล้วมันจะต่างกันมั่ง ตรงกันมั่งอ่ะ TT เดี๋ยวดีเดี๋ยวไม่ดี ก็งงเหมือนกัน แต่รีเฟรชแล้วกับตรงกันเฉย ส่วนเรื่อง regex นั้นผมไม่ถนัดเท่าใหร่แต่ถ้าให้ทำจริงๆ ก็คงมั่วได้ 
ตอนกลางวันไฟดับก็เลยไม่ได้เข้ามา
|
 |
 |
 |
 |
Date :
2009-09-30 20:42:54 |
By :
pjgunner |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ปัญหาโลกแตกครับ แก้ยาก ไม่มีใครอยากแก้ เพราะภาษาไทยมันตัดคำยาก
|
 |
 |
 |
 |
Date :
2009-10-01 01:20:55 |
By :
plakrim |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
|
|
|

|
Load balance : Server 02
|