-
Trình Thực Thi
Trình biên dịch Python Trình biên dịch C++ Trình biên dịch C Trình biên dịch Matplotlib Trình thông dịch Node.js Trình thông dịch PHP Trình biên dịch C# / .NET Trình biên dịch Rust Ruby Interpreter Trình biên dịch Java Trình biên dịch Go Trình biên dịch Kotlin Trình biên dịch Swift Trình biên dịch TypeScript
-
Học lập trình
Trung tâm học Python Ví dụ chạy được, NumPy, pandas và nhiều nội dung khác Trung tâm học C và C++ Con trỏ, bộ nhớ, STL và C++ hiện đại Trung tâm học C#C# cơ bản, OOP, LINQ, async và bài tập .NET Thuật toán Python Tìm kiếm, sắp xếp, đệ quy và trình mô phỏng O(n) Thuật toán C và C++ So sánh cách cài đặt bằng C và C++
- Thử thách
CSS and design
CSS Flexbox Generator
Play with every flexbox property and see the layout change instantly, then copy the code.
- Runs in your browser
- Instant results
- Free, no sign-up
Loading the tool…
How to use the Flexbox Generator
- Set the container properties at the top.
- Click an item in the preview to change its own flex properties.
- Copy the generated CSS and HTML.
Frequently asked questions
What is the difference between justify-content and align-items?
justify-content places items along the main axis (the direction); align-items places them across it.
What does flex: 1 mean?
flex-grow: 1, flex-shrink: 1 and flex-basis: 0%, so items share the free space equally.
When should I use grid instead?
Use flexbox for one-dimensional rows or columns, and CSS grid when you need rows and columns at the same time.
Luyện Python với thử thách lập trình
Giải các bài tập thực tế ngay trên trình soạn thảo này: chạy kiểm thử mẫu, nộp bài và nhận đánh giá code từ AI.