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

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

ThaiSEOBoard.comพัฒนาเว็บไซต์Programmingแนะนำเกี่ยวกับการจัดข้อความ CSS หน่อยครับ
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: แนะนำเกี่ยวกับการจัดข้อความ CSS หน่อยครับ  (อ่าน 774 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
narupot
หัวหน้าแก๊งเสียว
*

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

กระทู้: 1,027



ดูรายละเอียด เว็บไซต์
« เมื่อ: 04 ตุลาคม 2015, 15:26:07 »

พอดีลองหัดเขียนเล่นๆ เกี่ยวกับการจัดข้อความ
ที่นีมันติดที่ว่าจัดแล้วอยู่ในกรอบไม่สวยอ่ะครับ





overflow: hidden; ก็แล้ว word-wrap: break-word ก็แล้ว ตัวหนังสือก็อยู่ในกรอบไม่สวยอยู่ดี มีเหลื่อมๆไปนิดๆ
« แก้ไขครั้งสุดท้าย: 05 ตุลาคม 2015, 00:35:16 โดย narupot » บันทึกการเข้า

ในบางครั้ง
ชีวิตอาจเล่นตลกกับคุณ
แต่จงอย่าทิ้งความเชื่อ
ในสิ่งที่คุณยึดมั่น
ดังนั้นคุณจะต้องหาสิ่งที่คุณรักให้เจอ
และคุณก็ต้องรักในสิ่งที่คุณทำ
แต่ถ้าคุณยังหามันไม่เจอ
ก็จงหามันต่อไป จนกว่าจะเจอ...
          - Steve Jobs -
สร้างรายได้ด้วยเว็บของคุณ
พีพีเค
สมุนแก๊งเสียว
*

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

กระทู้: 979



ดูรายละเอียด
« ตอบ #1 เมื่อ: 04 ตุลาคม 2015, 20:59:35 »

เวลาเทส ลองพิมพ์เป็นคำๆดูค่ะ พอมันจับได้ว่าเป็นคำ มันจะตกไปเอง ไม่น่าจะเลยกรอบ
บันทึกการเข้า

==========================================
'Payment Issued' is the most beautiful words I've ever seen.
Jir4yu
สมุนแก๊งเสียว
*

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

กระทู้: 822



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 04 ตุลาคม 2015, 21:29:20 »

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

ทำบุญ สถานที่ทำบุญ สายมู-สายธรรมะ - buacha.com
nociouz
หัวหน้าแก๊งเสียว
*

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

กระทู้: 2,021



ดูรายละเอียด
« ตอบ #3 เมื่อ: 04 ตุลาคม 2015, 21:52:30 »

โค๊ด:
https://css-tricks.com/text-blocks-over-image/
บันทึกการเข้า
wasantec
หัวหน้าแก๊งเสียว
*

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

กระทู้: 2,613



ดูรายละเอียด
« ตอบ #4 เมื่อ: 04 ตุลาคม 2015, 21:53:11 »

ตรงไหนหลอครับทีไม่อยู่ในกรอบ แอบบ งง
บันทึกการเข้า
narupot
หัวหน้าแก๊งเสียว
*

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

กระทู้: 1,027



ดูรายละเอียด เว็บไซต์
« ตอบ #5 เมื่อ: 05 ตุลาคม 2015, 00:31:25 »

เวลาเทส ลองพิมพ์เป็นคำๆดูค่ะ พอมันจับได้ว่าเป็นคำ มันจะตกไปเอง ไม่น่าจะเลยกรอบ
><
« แก้ไขครั้งสุดท้าย: 05 ตุลาคม 2015, 00:34:35 โดย narupot » บันทึกการเข้า

ในบางครั้ง
ชีวิตอาจเล่นตลกกับคุณ
แต่จงอย่าทิ้งความเชื่อ
ในสิ่งที่คุณยึดมั่น
ดังนั้นคุณจะต้องหาสิ่งที่คุณรักให้เจอ
และคุณก็ต้องรักในสิ่งที่คุณทำ
แต่ถ้าคุณยังหามันไม่เจอ
ก็จงหามันต่อไป จนกว่าจะเจอ...
          - Steve Jobs -
สร้างรายได้ด้วยเว็บของคุณ
narupot
หัวหน้าแก๊งเสียว
*

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

กระทู้: 1,027



ดูรายละเอียด เว็บไซต์
« ตอบ #6 เมื่อ: 05 ตุลาคม 2015, 00:34:45 »

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

ในบางครั้ง
ชีวิตอาจเล่นตลกกับคุณ
แต่จงอย่าทิ้งความเชื่อ
ในสิ่งที่คุณยึดมั่น
ดังนั้นคุณจะต้องหาสิ่งที่คุณรักให้เจอ
และคุณก็ต้องรักในสิ่งที่คุณทำ
แต่ถ้าคุณยังหามันไม่เจอ
ก็จงหามันต่อไป จนกว่าจะเจอ...
          - Steve Jobs -
สร้างรายได้ด้วยเว็บของคุณ
chaynuwong
คนรักเสียว
*

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

กระทู้: 149



ดูรายละเอียด เว็บไซต์
« ตอบ #7 เมื่อ: 05 ตุลาคม 2015, 16:42:54 »

http://www.siamhtml.com/text-o...A3%E0%B8%97%E0%B8%B1%E0%B8%94/
บันทึกการเข้า

pasalid
Newbie
*

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

กระทู้: 62



ดูรายละเอียด เว็บไซต์
« ตอบ #8 เมื่อ: 07 ตุลาคม 2015, 18:33:31 »

สวดยอด

แต่ปกติ เวลาใช้งานจริงๆ อาจจะใช้พวก UIKit, Bootstrap มาช่วย จะง่ายกว่านะครับ ไม่ต้องทำอะไรมากเลย
แต่ถ้าเน้นศึกษา การทำงานของ CSS ก็เอาอย่างนี้ไปก่อนก็ได้

 Cry
บันทึกการเข้า

หน้า: [1]   ขึ้นบน
พิมพ์