Devdit
 

PHP ย่อหน้า ด้วยคำสั่ง text-indent ของ CSS

2.9K

PHP ย่อหน้า ด้วยคำสั่ง text-indent ของ CSS บทความนี้สอนใช้คำสั่ง text-indent เพื่อย่อหน้าข้อมูลบรรทัดแรกที่ต้องการ จากตัวอย่างใช้ CSS ร่วมกับ PHP เพื่อสร้างย่อหน้าบรรทัดแรก สามารถเขียนโปรแกรมได้ดังนี้

 

ตัวอย่าง PHP ย่อหน้า ด้วยคำสั่ง text-indent ของ CSS

<style>
    .data {
        text-indent: 15px;
    }
</style>
<?php
    $data = "apple banana orange\napple banana orange\napple banana orange";
    echo "<div class='data'>".nl2br( $data )."</div>";
?>

ผลลัพธ์

	apple banana orange
apple banana orange
apple banana orange

คำอธิบาย

PHP ย่อหน้าบรรทัดแรก จากตัวอย่างใช้คำสั่ง text-indent เพื่อย่อหน้า โดยกำหนดให้มีการย่อหน้าที่ขนาด 15px (ตัวเลขเยอะจะเขยิบเข้าไปมาก) สร้าง class ชื่อ data ใน CSS จากนั้นนำ class ดังกล่าวไปใช้งานใน div ที่อยู่ในคำสั่ง echo ของ PHP เพื่อย่อหน้าข้อมูลที่ต้องการ

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