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

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 เพื่อป้องกันข้อมูลเลยทะลุกรอบที่กำหนด