บทที่ 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


กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ความสำคัญของการดูแลแบตเตอรี่
โดย GreatBattery ศ 03 พ.ย. 2023 3:48 pm บอร์ด Share Knowledge
0
407
ศ 03 พ.ย. 2023 3:48 pm โดย GreatBattery View Topic ความสำคัญของการดูแลแบตเตอรี่
สอบถามวิธีเช็คไฟล์เรียกด้วย URL ว่ามีหรือไม่
โดย eange08 ศ 03 พ.ย. 2023 3:00 pm บอร์ด Programming - PHP
1
623
ศ 03 พ.ย. 2023 3:43 pm โดย eange08 View Topic สอบถามวิธีเช็คไฟล์เรียกด้วย URL ว่ามีหรือไม่
สอบถามการสืบทอดคลาส JFormFieldList ของ Joomla 4 กับ joomla 5
โดย Thanapoom1514 ศ 03 พ.ย. 2023 1:52 pm บอร์ด Joomla Development
2
1319
อ 12 พ.ย. 2023 6:38 am โดย mindphp View Topic สอบถามการสืบทอดคลาส JFormFieldList ของ Joomla 4 กับ joomla 5
เช็ก ราคาไอโฟน 15 สมาร์ทโฟนเรือธงใหม่ พร้อมเผยสเปกแต่ละรุ่น
โดย asider8629 ศ 03 พ.ย. 2023 1:11 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
528
ศ 03 พ.ย. 2023 1:11 pm โดย asider8629 View Topic เช็ก ราคาไอโฟน 15 สมาร์ทโฟนเรือธงใหม่ พร้อมเผยสเปกแต่ละรุ่น
Joomla บนโฮสติ้ง
โดย Anonymous ศ 03 พ.ย. 2023 11:52 am บอร์ด สอบถามปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
0
521
ศ 03 พ.ย. 2023 11:52 am โดย บุคคลทั่วไป View Topic Joomla บนโฮสติ้ง
Joomla คืออะไร และมันต่างจาก WordPress หรือ Drupal อย่างไร?
โดย Anonymous ศ 03 พ.ย. 2023 11:38 am บอร์ด สอบถามปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
0
524
ศ 03 พ.ย. 2023 11:38 am โดย บุคคลทั่วไป View Topic Joomla คืออะไร และมันต่างจาก WordPress หรือ Drupal อย่างไร?
5 แบรนด์ดัง กับเรื่องจริงที่คุณต้องอ่าน!
โดย KITZY ศ 03 พ.ย. 2023 9:56 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
422
ศ 03 พ.ย. 2023 9:56 am โดย KITZY View Topic 5 แบรนด์ดัง กับเรื่องจริงที่คุณต้องอ่าน!
โน๊ตบุ๊คเปิดโปรแกรม pycharm ไม่ได้ค่ะ เปิดแล้วก็เด้งออกมีวิธีตรวจสอบหรือแก้ไขมั้ยคะ
โดย MBMoo ศ 03 พ.ย. 2023 9:33 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
586
พฤ 16 พ.ย. 2023 7:19 am โดย mindphp View Topic โน๊ตบุ๊คเปิดโปรแกรม pycharm ไม่ได้ค่ะ เปิดแล้วก็เด้งออกมีวิธีตรวจสอบหรือแก้ไขมั้ยคะ