การสร้าง div แบบเลื่อนในแนวตั้งโดยใช้ CSS

Kar Srang Div Baeb Leuxn Ni Naew Tang Doy Chi Css



นักพัฒนาเว็บใช้ส่วนประกอบ HTML เช่น ส่วนหัวและส่วนท้าย, nav, div, รูปภาพ และอื่นๆ อีกมากมายเพื่อแบ่งหน้าเว็บและฝังเนื้อหา โดยเฉพาะอย่างยิ่ง '

” องค์ประกอบเป็นองค์ประกอบ HTML ยอดนิยมที่ให้วิธีง่ายๆ ในการแบ่งหน้าออกเป็นส่วนๆ ผู้ใช้บางรายต้องการทำให้ส่วนประกอบ “
” สามารถเลื่อนในแนวตั้งหรือแนวนอนได้เพื่อประหยัดพื้นที่หน้าเว็บ

โพสต์นี้จะสาธิตวิธีการสร้าง div แบบเลื่อนแนวตั้งได้โดยใช้ CSS







จะสร้าง / สร้าง div เลื่อนในแนวตั้งด้วย CSS ได้อย่างไร

หากต้องการสร้าง div ที่เลื่อนได้ในแนวตั้งโดยใช้ CSS ให้ทำตามคำแนะนำที่ให้ไว้



ขั้นตอนที่ 1: เพิ่มหัวเรื่อง



ก่อนอื่น ให้เพิ่ม “ <ศูนย์> ” แท็กสำหรับเพิ่มข้อมูลตรงกลางหน้า จากนั้นใส่หัวเรื่องโดยใช้เครื่องหมาย “

” แท็ก





ขั้นตอนที่ 2: สร้าง div Container ใน HTML

หลังจากนั้นให้สร้าง “

” คอนเทนเนอร์ และกำหนดคลาสชื่อ “ เลื่อน div '. หลังจากนั้น เพิ่มข้อความหรือย่อหน้าระหว่างแท็ก
:





< ศูนย์กลาง >
< h1 > เว็บไซต์ Linuxint h1 >
< แผนก ระดับ = 'เลื่อน div' > Linuxhint เป็นเว็บไซต์ยอดนิยม สำหรับ การสร้างเนื้อหา มันได้สร้างผลิตภัณฑ์มากมายเพื่อ ช่วย คุณได้เรียนรู้เกี่ยวกับ Linux, การเขียนโปรแกรม, วิทยาการคอมพิวเตอร์ และอื่นๆ แพลตฟอร์มนี้ให้บริการงานในหมวดหมู่ต่างๆ รวมถึง HTML / CSS, javascript, Git, Windows, Dockers, Discord และอื่นๆ อีกมากมาย มันให้ก เสร็จสิ้น คำแนะนำเกี่ยวกับหมวดหมู่เหล่านี้ ผู้ใช้สามารถ หา หัวข้อใด ๆ ที่เกี่ยวข้องกับหมวดหมู่ดังกล่าว ในสถานการณ์นี้ ถ้า คุณเป็นผู้เริ่มต้น คุณอาจดูคำแนะนำ สำหรับ การเขียนบทความ
แผนก >
ศูนย์กลาง >

เอาต์พุต

ขั้นตอนที่ 3: หัวเรื่องสไตล์

เข้าถึงองค์ประกอบส่วนหัวโดยระบุชื่อแท็กระหว่างแท็ก