เครื่องมือนักพัฒนา
สร้าง CSS Flexbox
สร้าง flexbox layouts แบบเห็นภาพ — ควบคุมทิศทาง wrap การจัดตำแหน่ง และคุณสมบัติแต่ละรายการพร้อมดูตัวอย่างสดและ CSS พร้อมคัดลอก
Container Properties
Live Preview
1
2
3
4
Item 1 Properties
Generated CSS
.container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
align-content: stretch;
gap: 8px;
height: 200px;
}
.item-1 {
}
.item-2 {
}
.item-3 {
}
.item-4 {
}สำรวจต่อ
เครื่องมือนักพัฒนา อื่นๆ ที่คุณอาจชอบ...
จัดรูปแบบ JSON
จัดรูปแบบ ตรวจสอบ และย่อข้อมูล JSON พร้อม syntax highlighting
ลองเลย
เข้ารหัส/ถอดรหัส Base64
เข้ารหัสข้อความเป็น Base64 และถอดรหัสสตริง Base64
ลองเลย
เข้ารหัส/ถอดรหัส URL
เข้ารหัสและถอดรหัสส่วนประกอบ URL และ query strings
ลองเลย
สร้าง UUID
สร้างตัวระบุ UUID v4 แบบสุ่ม
ลองเลย
สร้าง Hash
สร้างแฮช MD5, SHA-1, SHA-256 และ SHA-512 จากข้อความ
ลองเลย
ทดสอบ Regex
ทดสอบและดีบัก regular expressions พร้อมไฮไลท์การจับคู่
ลองเลย
ถอดรหัส JWT
ถอดรหัสและตรวจสอบ header และ payload ของ JWT token
ลองเลย
จัดรูปแบบ HTML
จัดรูปแบบโค้ด HTML พร้อมการเยื้องที่เหมาะสม
ลองเลย