ให้เรตสมาชิก: 2 / 5

ดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

บทที่ 4 CSS3 Text Effects ตอน 2
2.text wrapping
การจัดวางข้อความไม่ให้ล้นออกนอกรอบ ทำได้โดยใส่โค๊ด word-wrap:break-word;
ตัวอย่างเช่น

<html>
<head>
<style> 
p.test
{width:120px; 
border:5px solid red;
word-wrap:break-word;}
</style>
</head>
<body>

<p> ข้อความนี้ยาวเกินไป ยาววววววมว๊ากๆๆๆๆๆๆๆๆๆๆๆๆเวอร์รรรรรรรรรรรรรรรรรจริงจริงๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆ  CSS3 word wrap จะช่วยจัดข้อความไม่

ให้ล้นออกนอกกรอบ</p>

</body>
</html>

ผลลัพธ์คือ

   *** หากไม่ใส่โค๊ด word-wrap:break-word;  ตามตัวอย่างข้างบนข้อความจะล้นออกนอกกรอบ เช่นรูปด้านล่าง***


อ่านเพิ่มเติม
บทที่ 4 CSS3 Text Effects ตอน1


ข้อความอ้างอิง
http://rabbitinblack.com
http://www.w3schools.com


กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
B - หน้า admin เมนู member ขึ้น Warning: Invalid argument supplied for foreach(
โดย thatsawan ศ 08 พฤษภาคม 2020 3:49 pm บอร์ด Odoojob.com - Tester
0
4
ศ 08 พฤษภาคม 2020 3:49 pm โดย thatsawan
B - Email หน้าเว็บตอนนี้ odoojob@email.com
โดย thatsawan ศ 08 พฤษภาคม 2020 3:43 pm บอร์ด Odoojob.com - Tester
0
2
ศ 08 พฤษภาคม 2020 3:43 pm โดย thatsawan
human error คืออะไร
โดย champp ศ 08 พฤษภาคม 2020 12:43 pm บอร์ด PHP Knowledge
0
57
ศ 08 พฤษภาคม 2020 12:43 pm โดย champp
Input Type สำหรับใช้งาน
โดย champp ศ 08 พฤษภาคม 2020 12:17 pm บอร์ด PHP Knowledge
0
57
ศ 08 พฤษภาคม 2020 12:17 pm โดย champp
วิธีเปลี่ยนภาพไปเรื่อยๆ ด้วย JavaScript
โดย champp ศ 08 พฤษภาคม 2020 12:14 pm บอร์ด PHP Knowledge
0
60
ศ 08 พฤษภาคม 2020 12:14 pm โดย champp
เครื่องมือในการคำนวณ Bandwidth
โดย prmindphp พฤ 07 พฤษภาคม 2020 6:50 pm บอร์ด MindPHP News & Feedback
0
139
พฤ 07 พฤษภาคม 2020 6:50 pm โดย prmindphp
วิธีตรวจสอบข้อมูลซ้ำ
โดย champp พฤ 07 พฤษภาคม 2020 6:15 pm บอร์ด PHP Knowledge
0
1381
พฤ 07 พฤษภาคม 2020 6:15 pm โดย champp
เขียน CSS ในลักษณะต่างๆ
โดย champp พฤ 07 พฤษภาคม 2020 5:35 pm บอร์ด CSS Knowledge
0
58
พฤ 07 พฤษภาคม 2020 5:35 pm โดย champp
เริ่มเเล้ว "โครงการตู้เย็นข้างบ้านต้านภัย COVID-19" แจกฟรี.. เมล็ดพันธุ์ผักสวนครัวแก่เกษตรกรและประชาชนทั่วไป 10,000 ชุด
โดย thatsawan พ 06 พฤษภาคม 2020 9:55 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
169
พฤ 07 พฤษภาคม 2020 5:05 pm โดย thatsawan
padding ต่างจาก margin อย่างไร
โดย champp พฤ 07 พฤษภาคม 2020 4:49 pm บอร์ด CSS Knowledge
0
142
พฤ 07 พฤษภาคม 2020 4:49 pm โดย champp
IR infrared obstacle detection sensor คืออะไร
โดย champp พฤ 07 พฤษภาคม 2020 4:16 pm บอร์ด IOT - Internet of things
0
55
พฤ 07 พฤษภาคม 2020 4:16 pm โดย champp
ตู้จดหมายแจ้งเตือนผ่านไลน์ได้อย่างไร
โดย champp พฤ 07 พฤษภาคม 2020 3:58 pm บอร์ด IOT - Internet of things
0
120
พฤ 07 พฤษภาคม 2020 3:58 pm โดย champp
วิธีการบันทึกข้อมูลหลายตารางพร้อมกัน
โดย champp พฤ 07 พฤษภาคม 2020 3:39 pm บอร์ด PHP Knowledge
0
1718
พฤ 07 พฤษภาคม 2020 3:39 pm โดย champp
B - รายชื่อผู้สมัครใหม่ ไม่มีชื่อขึ้นที่หน้าเว็บ
โดย mindphp พฤ 07 พฤษภาคม 2020 10:32 am บอร์ด Odoojob.com - Tester
1
11
ศ 08 พฤษภาคม 2020 7:23 pm โดย tsukasaz
R - เครียร์ข้อมูลทดสอบ ออกจากหน้าเว็บ
โดย mindphp พฤ 07 พฤษภาคม 2020 10:24 am บอร์ด OdooJob.com - Developer
0
1
พฤ 07 พฤษภาคม 2020 10:24 am โดย mindphp
เกษตรกรปลูกพืชเตรียมรับเงินเยียวยา มีขั้นตอนตรวจดังนี้
โดย thatsawan อ 05 พฤษภาคม 2020 5:20 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
114
พ 06 พฤษภาคม 2020 7:53 pm โดย arenaofblood
B - หน้า Resumes ใน admin แสดง ID ผิด
โดย tsukasaz อ 05 พฤษภาคม 2020 2:59 pm บอร์ด Odoojob.com - Tester
0
2
อ 05 พฤษภาคม 2020 2:59 pm โดย tsukasaz
อัพเดทแบบดับเบิล! Joomla เวอร์ชั่น 3.9.17 กับ 3.9.18
โดย tsukasaz อ 05 พฤษภาคม 2020 2:18 pm บอร์ด MindPHP News & Feedback
0
109
อ 05 พฤษภาคม 2020 2:18 pm โดย tsukasaz
แนะนำเทคนิคการเล่นกีฬา หัวข้อแบตมินตัน
โดย champp อ 05 พฤษภาคม 2020 12:43 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
47
อ 05 พฤษภาคม 2020 12:43 pm โดย champp
แนวทางสร้าง การจัดเก็บแบบระบุตำแหน่ง
โดย tanapong จ 04 พฤษภาคม 2020 11:41 pm บอร์ด Programming - PHP
4
90
พ 13 พฤษภาคม 2020 8:38 pm โดย tanapong