div กว้างตามเนื้อหา ด้วย CSS max-content

div กว้างตามเนื้อหา ด้วย CSS max-content บทความนี้สอนการใช้คำสั่ง width ของ CSS กำหนดให้ div มีความกว้างเท่ากับเนื้อหาที่อยู่ภายใน div โดยใช้คำสั่ง width: max-content สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง div กว้างตามเนื้อหา ด้วย CSS max-content

<style>
    .content {
        background: blue;
        color: white;
        width: max-content;
    }
</style>

<div class="content">Hello Devdit</div>

div กว้างตามเนื้อหา จากตัวอย่างใช้คำสั่ง width: max-content หมายความว่ากำหนดให้ div class=content มีขนาดความกว้าง (width) เท่ากับเนื้อหาที่อยู่ภายใน div (max-content)