Devdit
 

PHP ตัดคําขึ้นบรรทัดใหม่ ข้อความอยู่ในกรอบ ด้วย CSS

1.3K

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

 

ตัวอย่าง PHP ตัดคําขึ้นบรรทัดใหม่ ข้อความอยู่ในกรอบ ด้วย CSS

<style>
    .content {
        width: 100px;
        border: dotted 1px red;
        padding: 8px;
        overflow-wrap: anywhere;
    }
</style>
<?php
    echo "<div class='content'>Apple Orange Banana Apple Orange Banana Apple Orange Banana</div>";
?>

คำอธิบาย

PHP ตัดคําขึ้นบรรทัดใหม่ ข้อความอยู่ในกรอบ ด้วย CSS จากตัวอย่างกำหนดข้อความไว้ในกรอบ div และเรียกใช้ class=content จาก CSS โดย class content มีการกำหนดความกว้างด้วยคำสั่ง width ขนาด 100px เขียนโปรแกรมได้เป็น width: 100px ทำให้ข้อความจะอยู่ภายในกรอบ และขึ้นบรรทัดใหม่โดยอัตโนมัติ และใช้คำสั่ง overflow-wrap: anywhere เพื่อป้องกันข้อมูลเลยทะลุกรอบที่กำหนด

แก้ไข 1 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ