HTML Basic
สำหรับนักพัฒนาเว็บไซต์มือใหม่ HTML , CSS และการใช้ Tools ต่างๆ ในการพัฒนาเว็บไซต์
Moderator: mindphp
-
M027
- PHP Super Hero Member
- โพสต์: 758
- ลงทะเบียนเมื่อ: 08/06/2015 10:07 am
โพสต์ที่ยังไม่ได้อ่าน
โดย M027 »
Example HTML
โค้ด: เลือกทั้งหมด
<div class="parent">
<div class="children">I'm vertically centered!</div>
</div>
Example CSS
โค้ด: เลือกทั้งหมด
.children{
background: #ffdb4c;
height: 300px;
position: relative;
top: 50%;
transform: translateY(-50%);
}
จากโค้ดทั้ง 2 จะทำให้ div.children จัดอยู่กึ่งกลางของ .parent ในแนว vertical
credit :
http://davidwalsh.name/css-vertical-center
-
M027
- PHP Super Hero Member
- โพสต์: 758
- ลงทะเบียนเมื่อ: 08/06/2015 10:07 am
โพสต์ที่ยังไม่ได้อ่าน
โดย M027 »
ไม่ทราบว่ามีพื้นฐานถึงขั้นไหนคับ หากยังไม่มีพื้นฐานแนะนำให้ศึกษา html กับ css ก่อนคับผม
-
-
- 0 ตอบกลับ
- 2542 แสดง
-
โพสต์ล่าสุด โดย pnut
04/11/2016 10:20 am
-
-
- 0 ตอบกลับ
- 2159 แสดง
-
โพสต์ล่าสุด โดย jamepiyawat
06/08/2019 6:44 pm
-
-
- 0 ตอบกลับ
- 304 แสดง
-
โพสต์ล่าสุด โดย mamay
07/02/2023 5:54 pm
สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 38