Đơn giản hóa quy trình làm việc của bạn: Tìm kiếm miniwebtool.
Thêm
Trang chủ > Công cụ quản trị web > Sân chơi CSS Flexbox
 

Sân chơi CSS Flexbox

Sân chơi CSS Flexbox tương tác với bản xem trước trực quan trực tiếp, điều khiển từng mục, các mẫu bố cục thực tế (Holy Grail, Card Grid, Navbar, Modal) và xuất CSS bằng một cú nhấp chuột. Tìm hiểu flex-direction, justify-content, align-items, gap và nhiều hơn nữa bằng cách thử nghiệm trong thời gian thực.

Sân chơi CSS Flexbox
⚡ Bố cục khởi đầu nhanh (nhấp để tải)
▦ Xem trước trực tiếp
trục chính trục chéo 0 mục mẹo: nhấp vào mục bất kỳ để chỉnh sửa
⚙ Vùng chứa (.flex-container)
flex-direction ?
flex-wrap ?
justify-content ?
align-items ?
align-content ?
gap 8px
8px
✦ Mục đã chọn (.flex-item)
Nhấp vào một mục trong bản xem trước để chỉnh sửa các thuộc tính của nó.
📖 Bảng tra cứu nhanh — các mẫu phổ biến
Tôi muốn…Sử dụng thuộc tính này
Căn giữa hoàn hảo một mụcjustify-content: center; align-items: center
Các cột có chiều rộng bằng nhauflex: 1 trên mỗi mục
Đẩy một mục sang bên phảimargin-left: auto trên mục đó
Xuống dòng các thẻ trên màn hình nhỏflex-wrap: wrap + flex: 1 1 240px
Đảo ngược thứ tự trên di độngflex-direction: row-reverse trong media query
Chân trang cố định ở cuối khung nhìnbody: display: flex; flex-direction: column; min-height: 100vh
Khoảng cách đều nhau giữa các mụcjustify-content: space-between
Không cho một mục co lạiflex-shrink: 0 trên mục đó
Mã CSS đã tạo
Mã HTML đã tạo

Embed Sân chơi CSS Flexbox Widget

Giới thiệu về Sân chơi CSS Flexbox

Sân chơi CSS Flexbox là một môi trường học tập tương tác và trình tạo mã cho mô-đun Bố cục Hộp Linh hoạt (Flexible Box Layout) hiện đại của CSS. Điều chỉnh các thuộc tính vùng chứa (flex-direction, justify-content, align-items, gap) và các thuộc tính cho từng mục (flex-grow, flex-shrink, flex-basis, align-self, order) và xem bố cục của bạn cập nhật theo thời gian thực. Khi bạn có được kết quả ưng ý, chỉ cần sao chép mã CSS và HTML để dán trực tiếp vào dự án của mình.

CSS Flexbox là gì?

CSS Flexbox (Flexible Box Layout) là một mô hình bố cục một chiều được thiết kế để phân bổ không gian dọc theo một trục duy nhất (hàng hoặc cột) và căn chỉnh các mục bên trong một vùng chứa. Nó thay thế các kỹ thuật cũ hơn như float và mẹo inline-block cho các thanh điều hướng, hàng thẻ, nội dung căn giữa và bất kỳ giao diện người dùng nào cần các phần tử linh hoạt tự nhiên theo vùng chứa của chúng. Không giống như CSS Grid vốn là hai chiều, Flexbox vượt trội ở các sắp xếp đơn giản hơn nơi bạn kiểm soát căn chỉnh chỉ theo một hướng tại một thời điểm.

Cách sử dụng Sân chơi này

  1. Chọn một mẫu có sẵn (tùy chọn): Chọn Holy Grail, Card Grid, Navbar, Hero, Modal hoặc Sticky Footer để tải một điểm khởi đầu thực tế. Mỗi mẫu là một bố cục hoàn chỉnh đang hoạt động mà bạn có thể nghiên cứu hoặc sửa đổi.
  2. Điều chỉnh thuộc tính vùng chứa: Sử dụng các nút điều khiển trong bảng bên phải để thiết lập flex-direction, flex-wrap, justify-content, align-items, align-contentgap. Sân khấu trực quan sẽ cập nhật ngay lập tức.
  3. Chỉnh sửa từng mục: Nhấp vào bất kỳ mục nào trong bản xem trước để chọn nó. Ghi đè order, flex-grow, flex-shrink, flex-basisalign-self của nó một cách độc lập với các mục còn lại. Các mục có ghi đè được đánh dấu bằng một biểu tượng nhỏ.
  4. Thêm hoặc xóa các mục: Sử dụng Thêm mục và Xóa mục đã chọn để thay đổi số lượng mục và xem bố cục phản ứng như thế nào.
  5. Sao chép mã: Phần Mã đã tạo ở dưới cùng luôn phản ánh bố cục hiện tại của bạn. Sao chép CSS, HTML hoặc cả hai chỉ với một cú nhấp chuột.

Tham khảo thuộc tính vùng chứa

Vùng chứa flex (flex container) là phần tử cha có thuộc tính display: flex. Các thuộc tính này kiểm soát cách tất cả các phần tử con của nó hoạt động cùng nhau.

Thuộc tínhGiá trịTác dụng
flex-direction row · row-reverse · column · column-reverse Thiết lập hướng trục chính. row sắp xếp các mục từ trái sang phải (mặc định); column xếp chồng chúng theo chiều dọc.
flex-wrap nowrap · wrap · wrap-reverse Kiểm soát việc các mục nằm trên một dòng hay xuống nhiều dòng khi hết không gian.
justify-content flex-start · center · flex-end · space-between · space-around · space-evenly Căn chỉnh các mục dọc theo trục chính. Phân bổ không gian trống sang hai bên hoặc giữa các mục.
align-items stretch · flex-start · center · flex-end · baseline Căn chỉnh các mục dọc theo trục chéo (vuông góc với trục chính).
align-content stretch · flex-start · center · flex-end · space-between · space-around Căn chỉnh các dòng đã xuống hàng dọc theo trục chéo. Chỉ có tác dụng khi các mục xuống nhiều dòng.
gap độ dài, ví dụ: 8px, 1rem Thiết lập khoảng cách giữa các mục flex. Thay thế mô hình tạo khoảng cách dựa trên margin cũ.

Tham khảo thuộc tính mục

Các thuộc tính này được áp dụng cho từng mục flex (phần tử con của vùng chứa flex) và ghi đè các cài đặt mặc định của vùng chứa cho riêng mục đó.

Thuộc tínhGiá trịTác dụng
order số nguyên (mặc định 0) Sắp xếp lại các mục theo trực quan mà không thay đổi HTML. Số thấp hơn hiển thị trước; giá trị âm di chuyển mục lên đầu.
flex-grow số (mặc định 0) Xác định lượng không gian trống của vùng chứa mà mục này sẽ hấp thụ so với các anh em của nó. Giá trị 1 trên mỗi mục sẽ chia đều không gian.
flex-shrink số (mặc định 1) Xác định mức độ một mục có thể co lại khi không đủ chỗ. 0 nghĩa là không bao giờ co — mục giữ nguyên kích thước đã khai báo.
flex-basis auto · độ dài · phần trăm Thiết lập kích thước ban đầu của một mục trước khi không gian trống được phân bổ. Về cơ bản là đặt kích thước trục chính "lý tưởng" của mục.
align-self auto · giống như align-items Ghi đè thuộc tính align-items của vùng chứa cho một mục duy nhất.

Sự khác biệt giữa justify-content và align-items là gì?

justify-content kiểm soát căn chỉnh dọc theo trục chính, trong khi align-items kiểm soát căn chỉnh dọc theo trục chéo. Trục chính là hướng mà flex-direction thiết lập — chiều ngang cho row, chiều dọc cho column. Khi bạn thay đổi flex-direction từ row sang column, hai trục này hoán đổi cho nhau, do đó justify-content trở thành chiều dọc và align-items trở thành chiều ngang. Sự hoán đổi này là một trong những nguồn gây nhầm lẫn phổ biến nhất khi mọi người học Flexbox; các chỉ số trục của sân chơi bên dưới bản xem trước giúp bạn thấy rõ điều này.

Làm thế nào để căn giữa một phần tử với Flexbox?

Để căn giữa một phần tử duy nhất cả theo chiều ngang và chiều dọc:

Ba dòng mã:
display: flex;
justify-content: center;  /* chiều ngang */
align-items: center;  /* chiều dọc */

Đây là giải pháp thay thế hiện đại cho các mẹo căn giữa cũ liên quan đến margin: auto, transform: translate(-50%, -50%), hoặc position: absolute. Hãy thử trong sân chơi bằng cách chọn mẫu Modal Center.

Giải thích các mẫu bố cục thực tế

Bố cục Holy Grail

Bố cục trang ba cột cổ điển: thanh bên trái, nội dung chính, thanh bên phải — với tiêu đề đầu trang và chân trang. Trong lịch sử rất khó xây dựng bằng float; Flexbox làm cho nó trở nên tầm thường. Cột giữa sử dụng flex: 1 để nó hấp thụ tất cả không gian ngang còn lại trong khi các cột bên giữ nguyên chiều rộng đã khai báo.

Card Grid (Lưới thẻ)

Một hàng các thẻ tự động xuống dòng khi khung nhìn hẹp lại. Sử dụng flex-wrap: wrap với mỗi thẻ được gán flex: 1 1 240px, nghĩa là thẻ sẽ phát triển và co lại nhưng không bao giờ hẹp hơn 240px.

Navbar (Thanh điều hướng)

Một thanh điều hướng ngang với logo ở bên trái và các liên kết ở bên phải. Bí quyết là justify-content: space-between với logo và nhóm liên kết là hai phần tử con, cộng với một vùng chứa flex nội bộ cho chính các liên kết.

Hero Section (Phần nổi bật)

Xếp chồng dọc với nội dung được căn giữa cả chiều ngang và chiều dọc — hoàn hảo cho các khu vực nổi bật của trang đích. Sử dụng flex-direction: column, justify-content: center, và align-items: center trên một vùng chứa cao.

Modal Center (Căn giữa hộp thoại)

Một hộp thoại modal được căn giữa hoàn hảo trong lớp phủ của nó. Cùng một công thức căn giữa ba dòng như trên, được áp dụng cho một vùng chứa lớp phủ toàn màn hình.

Sticky Footer (Chân trang cố định)

Một chân trang luôn nằm ở cuối khung nhìn khi nội dung ngắn, nhưng bị đẩy xuống khi nội dung dài. Đạt được bằng cách gán cho body display: flex; flex-direction: column; min-height: 100vh và phần nội dung chính là flex: 1.

Sự khác biệt giữa flex-grow, flex-shrink, và flex-basis là gì?

Ba thuộc tính này (được kết hợp thành cách viết tắt flex) mô tả cách một mục xử lý không gian:

Cách viết tắt flex: 1 mở rộng thành flex: 1 1 0% — phát triển đều, co lại đều, cơ sở bằng không — nghĩa là tất cả các mục chiếm một phần bằng nhau của vùng chứa bất kể nội dung. flex: auto mở rộng thành flex: 1 1 auto, tôn trọng kích thước nội dung làm cơ sở.

Khi nào nên sử dụng Flexbox so với Grid?

Sử dụng Flexbox cho các bố cục một chiều nơi các mục chảy theo một hướng duy nhất — một hàng nút, thanh điều hướng, một cột thẻ duy nhất. Flexbox nhận biết nội dung và rất tuyệt khi bạn muốn các mục tự định kích thước.

Sử dụng CSS Grid cho các bố cục hai chiều nơi bạn cần kiểm soát cả hàng và cột đồng thời — bố cục toàn trang, thư viện ảnh, bảng điều khiển. Grid nhận biết bố cục và cho phép bạn đặt các mục vào các hàng/cột đã được định danh.

Cả hai bổ sung cho nhau chứ không cạnh tranh. Nhiều thiết kế thực tế kết hợp chúng: một bố cục trang bằng Grid với các thanh điều hướng và hàng thẻ bằng Flexbox bên trong.

Mẹo để làm chủ Flexbox

Hỗ trợ trình duyệt và tính tương thích

CSS Flexbox được hỗ trợ trong mọi trình duyệt hiện đại bao gồm Chrome, Firefox, Safari, Edge và tất cả các trình duyệt di động lớn. Thuộc tính gap trong vùng chứa flex đã đạt được sự hỗ trợ toàn cầu của trình duyệt vào năm 2021. Các trình duyệt cũ lỗi thời (IE10/11) yêu cầu tiền tố nhà cung cấp và có một số lỗi đã được ghi nhận; đối với những đối tượng người dùng đó, hãy xem xét flexbugs.

Câu hỏi thường gặp

Tại sao mục flex của tôi bị tràn ra ngoài vùng chứa?

Các mục flex có min-width: auto ngầm định dựa trên nội dung của chúng. Các từ dài, khối mã hoặc văn bản được định dạng trước có thể buộc một mục rộng hơn vùng chứa. Khắc phục bằng cách đặt min-width: 0 trên mục đó (hoặc min-height: 0 cho bố cục cột).

Sự khác biệt giữa space-between, space-around, và space-evenly là gì?

space-between không để lại khoảng trống ở hai đầu và để khoảng trống bằng nhau giữa các mục. space-around để lại nửa khoảng trống ở mỗi đầu và khoảng trống đầy đủ giữa các mục. space-evenly để lại khoảng trống bằng nhau ở cả hai đầu và giữa các mục. Hãy thử chuyển đổi chúng trong sân chơi để cảm nhận sự khác biệt.

Tôi có thể tạo hoạt ảnh cho các thuộc tính flex không?

Có. flex-grow, flex-shrink, flex-basis, order, và gap có thể sử dụng transition. Việc tạo hoạt ảnh cho flex-direction, justify-content, và align-items không được hỗ trợ vì chúng là các thuộc tính liệt kê riêng biệt.

Sân chơi có hoạt động ngoại tuyến không?

Tất cả các tính toán Flexbox diễn ra trong trình duyệt của bạn bằng CSS gốc. Khi trang đã được tải, bạn có thể sử dụng sân chơi mà không cần kết nối internet — không có lệnh gọi API hay tính toán phía máy chủ.

Mã được tạo có sẵn sàng cho sản xuất không?

Có. Mã CSS được xuất sử dụng các thuộc tính tiêu chuẩn được hỗ trợ trong mọi trình duyệt hiện đại. Mã HTML sử dụng các tên lớp có ý nghĩa (flex-container, flex-item) mà bạn có thể đổi tên để phù hợp với quy ước của dự án mình.

Tài nguyên bổ sung

Tham khảo nội dung, trang hoặc công cụ này như sau:

"Sân chơi CSS Flexbox" tại https://MiniWebtool.com/vi/san-choi-css-flexbox/ từ MiniWebtool, https://MiniWebtool.com/

bởi đội ngũ miniwebtool. Cập nhật: 25 tháng 4, 2026

Các công cụ liên quan khác:

Công cụ quản trị web:

Công cụ nổi bật:

Máy tính tuổiTrình Trích Xuất Ảnh từ VideoCông cụ đổi Pound sang KilogramCông cụ chuyển đổi kg sang lbsĐổ xúc xắcMáy tính giảm giá phần trăm⏱️ Máy Tính GiờBộ chuyển đổi thập phân sang nhị phânCông cụ Mã hóa CaesarTrình Tạo Mã MorseTrình tạo chuỗi ngẫu nhiênTra cứu ID người dùng InstagramCông cụ chuyển đổi chữ số La MãĐảo ngược văn bảnTrình tạo bài tây ngẫu nhiênMáy tính thương và số dưMáy tính thời gianCông cụ chuyển đổi nhị phân sang thập phânCông cụ đếm hàng🖱️ Bộ Đếm ClickTrình nhân hóa văn bản AITrình tạo thời gian ngẫu nhiênMáy tính nhị phânBộ chuyển đổi Thập phân sang Thập lục phânCông cụ chuyển đổi cm sang feet và inchmáy-tính-số-mũ-độ-chính-xác-caoMáy tính ngày trong năm - Hôm nay là ngày thứ mấy trong nămChọn tên ngẫu nhiênBộ chuyển đổi Nhị phân sang HexTrình tạo nhánh giải đấu ngẫu nhiênMáy Tính Chu Vi Hình ElipBộ Chuyển Đổi Số Sang ChữTrình tạo mê cungMáy tính thập phân sang phân sốBộ chuyển đổi HEXTrình chuyển đổi SRT sang TXTMáy tính Cạnh huyềnBộ chuyển đổi hex sang thập phânBộ chuyển đổi Feet và Inch sang CmMáy tính Phân tích Thừa số Nguyên tốMáy tính HEX📅 Máy tính ngàyTra cứu ID người dùng FacebookMáy tính phân số tối giảnThống kê Kênh YouTubeSắp xếp sốBộ chuyển đổi FPSCông cụ chuyển đổi kPa sang psiMáy tính ModuloCông cụ chuyển đổi centimet sang inchCông cụ loại bỏ dấu câu trực tuyếnTrình tạo số nguyên ngẫu nhiênCông Cụ Vẽ Đồ Thị Hệ Bất Phương TrìnhBộ lặp MP3Máy tính Kiểm tra Chia hếtCông cụ chia ảnhLịch trăng non và trăng trònTrình trích xuất âm thanhTrình tạo thẻ tín dụng ngẫu nhiênCông cụ xáo trộn chữ cáiSo sánh hai chuỗitra-cứu-địa-chỉ-MACTrình tạo tên ngẫu nhiênMáy tính giai thừaMáy Tính Độ Lệch Chuẩn Tương ĐốiXóa dấu cáchCông cụ tính điểm trung bình GPAMáy tính căn bậc haiSắp xếp theo thứ tự bảng chữ cáiMáy tính tương hợp tình yêuTrình chuyển đổi HTML sang văn bảnChuyển Đổi Mô-men Xoắn (Nm, ft-lb, kgf-cm)Ghép VideoMáy tính Tổng💧 Máy Tính Điểm SươngMáy tính bước chân sang khoảng cáchTrình tạo Ma phươngĐây có phải là Số Nguyên Tố?Trình tạo IMEI Ngẫu nhiênTrình tạo ngày sinh ngẫu nhiênTrình tạo oẳn tù tìMáy Tính Hồi Quy Tuyến TínhTrình tạo số xổ sốTung đồng xuDanh sách Dãy số FibonacciMáy Giải Phương Trình Bậc BaCông cụ chuyển đổi hệ thập lục phân sang nhị phânCông cụ Giải Bản đồ Karnaugh (K-Map)Công cụ tạo nhóm ngẫu nhiênTạo và giải SudokuBộ Chia Âm ThanhBộ Chuyển Đổi Nhị PhânDanh sách các số nguyên tốMáy tính WHtR⏰ Đồng Hồ Báo Thức Trực TuyếnTrình tạo số thập phân ngẫu nhiênTrình phát hiện nội dung AIChuyển đổi Thời gian SRTCon số may mắn của tôi là gì?Công cụ chuyển đổi Phần trăm sang PPMMáy tính BitwiseMáy Tính Chia Đa ThứcCông cụ chuyển đổi DMS sang độ thập phân🔍 Kiểm tra Đạo vănn chữ số đầu tiên của piTrình Mô Phỏng Cổng LogicTrình nén VideoBộ đếm ký tựChuyển đổi Kích thước Tập tinCông cụ Giải Quy hoạch Tuyến tínhCông cụ chuyển đổi Radian sang ĐộMáy Tính Giờ Làm ViệcCông cụ chuyển đổi từ Feet sang Mét⏱️ Đồng Hồ Bấm Giờ Trực TuyếnMáy tính trung bình mẫu📷 OCR Chuyển Ảnh Thành Văn BảnBộ chuyển đổi hệ cơ sốMáy tính So sánh Phân sốMáy tính khoảng cách giữa hai điểmĐiều chỉnh tốc độ video🎮 Bộ Chuyển Đổi Độ Nhạy GameBộ giải mã Base64Chuyển đổi Nhị phân sang Bát phânMáy Tính Chữ Số Có NghĩaMáy tính VectorXoay VideoMáy tính BSAmáy-tính-hba1cTrình tạo thẻ BingoAI Trình thêm dấu câuMáy Tính Tuổi Theo Văn HóaMáy tính Phân phối PoissonTạo Trò Chơi Tìm TừTạo Ô ChữLấy độ dài chuỗiBộ chuyển đổi RGB sang HexCân Bằng Phương Trình Hóa HọcCông Cụ Rút Gọn Đại Số BooleanCông cụ chuyển đổi thời gian phân sốMáy tính biến đổi Laplace ngượcMáy tính Độ dốc và CấpMáy tính độ lệch chuẩn - Độ chính xác caoTrình Luyện Toán NhẩmCông cụ chuyển đổi hỗn số thành phân sốCông cụ chuyển đổi inch sang centimetMáy tính bột pizzaMáy tính xác suất xúc xắcTrình tạo chữ cái ngẫu nhiên⏱️ Bộ Đếm Ngược Thời GianBộ chuyển đổi khối lượngBộ chuyển đổi PSI sang BarBộ Chuyển Đổi Thời Gian Sang Thập Phâncông cụ chuyển đổi ppm sang phần trămMáy tính thể tíchMáy tính thứ trong tuần ngày sinhLịch ngày trong nămCông cụ chuyển đổi psi sang kPaCông cụ chuyển đổi thập phân sang bát phânMáy tính Hình trònMáy tính Ước số chung lớn nhấtBảng mã ASCIIBộ Chuyển Đổi Lịch ÂmCông cụ chuyển đổi pound sang gamDanh sách năm nhuậnMáy tính Loại Cơ thểBộ chuyển đổi Hex sang RGBBộ chuyển đổi áp suấtMáy Giải Phương Trình Bậc BốnMáy tính giảm phần trămMáy tính Natri hiệu chuẩnMáy tính trung bìnhMáy tính định lý PythagoreXóa công cụ trùng lặp danh sáchCông cụ Chuyển đổi Mét sang FeetMáy Tính Hình Nón Cụt⬛ Máy tính Tỉ lệ Khung hìnhMáy tính Cung Mặt trời, Mặt trăng & Cung mọc 🌞🌙✨Máy Tính ROI Nghề Tay TráiTrình Theo Dõi Chi Phí Đăng KýMáy Tính Giá SaaSMáy Tính Giá Dự Án FreelanceHướng Dẫn Kết Hợp Gỗ Hun KhóiMáy Tính Thời Gian Lên MenMáy Tính Thời Gian ƯớpBộ Lọc Công Thức Theo Chế Độ Ăn KiêngCông Cụ Tìm Gia Vị Thay ThếTrình Theo Dõi Chu Kỳ Bán Rã CaffeineMáy Tính Đơn Vị Cồn Tiêu ChuẩnGợi Ý Kết Hợp Rượu VangCông cụ Chuyển đổi Cấp độ Leo núiMáy Tính Tỷ Số Truyền Xe ĐạpMáy Tính Độ Bền Nút Thắt Câu CáBộ Hẹn Giờ Giữ Tư Thế YogaMáy tính SWOLF bơi lộiMáy tính dự đoán thời gian chạyMáy Tính Lực Đấm BoxingMáy Tính Điểm Bóng Bầu DụcMáy Tính Run Rate CricketMáy tính xG (Bàn thắng kỳ vọng) Bóng đáTrình Theo Dõi Điểm TennisMáy Tính Điểm Wells (DVT/PE)Máy tính Thang điểm Hôn mê GlasgowMáy Tính Chỉ Số APGARMáy Tính FFMIMáy tính Chạy 12 Phút CooperMáy tính Bài kiểm tra Đi bộ Một dặm RockportMáy Tính Khối Lượng Nạc Sang Sức MạnhMáy tính Tỷ lệ Carb-InsulinMáy Tính Hệ Số Nhạy Cảm InsulinCông cụ Chuyển đổi Lịch Do TháiCông cụ Chuyển đổi Lịch HijriMáy Tính Bao Lâu TrướcMáy Tính Còn Bao Lâu NữaTrình Tạo Mẫu NgàyMáy Tính Ngày GiữaCộng Ngày Làm Việc Vào NgàyMáy Tính Ngày Làm ViệcBộ Phân Tích Tần Suất TừTrình phân tích phương sai độ dài câuTrình Chỉnh Sửa Khả Năng Đọc Kiểu HemingwayTrình Chuyển Đổi Phát Âm IPACông cụ Mã hóa VigenèreCông cụ Mã hóa AtbashBộ Mã Hóa và Giải Mã ROT13Trình Xem và Xóa Dữ Liệu EXIFTrình Dịch Pig LatinTrình tạo BackronymTrình Tạo Từ Viết TắtKiểm tra PangramTrình kiểm tra LipogramTrình truy vết ảnh sang SVGTrình chuyển đổi hình ảnh sang nghệ thuật ASCIITrình tạo Lược đồ JSONSân chơi TypeScriptTrình Biên Dịch Less Sang CSSTrình Biên Dịch SCSS Sang CSSBộ chuyển đổi SVG sang React/JSXTrình tạo Chuỗi Truy vấnTrình Phân Tích URLTrình xác thực và Giải mã UUIDTham Khảo Mã Trạng Thái HTTPTrình tạo lệnh cURLTrình tạo tam giác SierpinskiTrình vẽ bề mặt 3DTrình vẽ phương trình cựcTrình tạo Tập hợp JuliaTrình Khám Phá Tập Hợp MandelbrotTrình tạo Fractal L-SystemTrình tạo phân chia tam giác DelaunayTrình tạo Sơ đồ VoronoiTrình tạo SpirographTrình Tạo Lát Hoa TiếtMáy Tính Năng Lực Quá Trình Six SigmaTrình tạo Biểu đồ ParetoMáy tính NPS (Net Promoter Score)Máy tính tỷ lệ giữ chân khách hàng theo nhómMáy Tính Tỷ Lệ Rời Bỏ Khách HàngMáy Tính Chi Phí Thu Hút Khách Hàng CACMáy Tính Giá Trị Vòng Đời Khách Hàng (CLV)Máy tính Tỷ lệ Chuyển đổiMáy tính Kích thước Mẫu Kiểm định A/BMáy Tính Ý Nghĩa Kiểm Định A/BMáy tính Phương trình Thấu kínhMáy tính Từ trường của Dây dẫnMáy Tính Điện TrườngMáy Tính Định Luật CoulombMáy tính Định luật SnellMáy Tính Mô-men Quán TínhMáy tính Vận tốc GócMáy Tính Lực Hướng TâmMáy Tính Chu Kỳ Con LắcMáy tính Hằng số Lò xoMáy Tính Hiệu Ứng DopplerMáy tính Tỷ lệ SortinoMáy tính Tỷ lệ TreynorMáy Tính Hệ Số Beta Cổ PhiếuMáy tính Trái phiếu Kho bạc được Bảo vệ khỏi Lạm phát (TIPS)Máy Tính Tái Tính Lãi Thế ChấpMáy tính Lãi suất Kỳ hạnMáy tính Duration Trái phiếu (Macaulay và Modified)Máy tính Độ lồi Trái phiếuMáy Tính Niên Kim Liên Kết Chỉ Số Cố ĐịnhMáy tính Niên kim Biến đổiMáy Tính Thế Chấp Đảo NgượcMáy Tính Chi Trả Niên KimTrình Mô Phỏng Bàn Tính Soroban NhậtPhép nhân Nông dân NgaMáy Tính Thuật Toán VedaMáy Tính Phép Nhân Ai Cập CổMáy Tính Toán Học Số La MãĐố Vui Bảng Cửu ChươngCông cụ Trực quan hóa Nhớ và MượnTrình Tạo Liên Kết SốTrình Giải Bài Toán Đồng XuMáy tính Tam giác Quãng đường - Vận tốc - Thời gianTrình Giải Bài Toán Năng Suất Làm ViệcTrình giải Bài toán Hỗn hợpTrình Giải Bài Toán TuổiTrình Giải Bài Toán Tàu Gặp NhauMáy Tính Bù NướcMáy Tính Calo Theo Tốc ĐộMáy Tính Liều ThuốcMáy Tính Calo Rượu BiaMáy Tính Tái Tạo Cơ ThểTrình Tạo Chủ Đề Tranh Luận Ngẫu NhiênTrình Tạo Tên Mèo Chó Ngẫu NhiênTrình Tạo Câu Kinh Thánh Ngẫu NhiênTrình Tạo Bài Toán Ngẫu NhiênTrình Tạo Đoạn Văn Ngẫu NhiênTrình Tạo Câu Tiếng Anh Ngẫu NhiênMáy Tính Sỏi, Cát và Đất MặtMáy Tính Trọng Lượng ThépMáy Tính Mô-men Xoắn Bu-lôngMáy Tính Dòng Chảy Trong ỐngMáy Tính Tải Trọng DầmBộ Chuyển Đổi Đô La Sang VàngMáy Tính Xác Suất Quyền ChọnMáy Tính Chia Tách Cổ PhiếuMáy tính ESPPMáy Tính Phí Trễ Hạn Hóa ĐơnMáy Tính Mức Lương Theo Giờ FreelancerMáy Tính Thuê vs MuaCông Cụ Chia Tiền Tip Nâng CaoTrình Tạo Danh Sách Hành LýMáy Tính Jet LagMáy Tính Ngân Sách Du LịchMáy Tính Khoảng Cách Chuyến BayMáy Tính Thất Thoát NhiệtMáy Tính Chi Phí Phát ĐiệnMáy Tính Lượng Nước Sử DụngMáy Tính Chi Phí Điện Năng Thiết Bị Gia DụngMáy Tính Kiểm Toán Năng Lượng Gia ĐìnhMáy Tính ROI Điện Mặt TrờiMáy Tính Tấm Pin Mặt TrờiMáy Tính Phân Ủ Tỷ Lệ C:NMáy Tính Phân Bón Cho Bãi CỏMáy Tính Ngày Sương GiáMáy Tính Đất Cho Luống NângMáy Tính Phân Bón NPKMáy Tính Tỷ Lệ Nảy Mầm Của Hạt GiốngMáy Tính Bitrate VideoCông cụ Chuyển Tone NhạcĐo BPM Bằng Cách Gõ NhịpCông cụ Ước tính Kích thước Tệp ẢnhMáy Tính Megapixel Sang Kích Thước InMáy tính Hệ số CropMáy tính Tam giác Phơi sángMáy Tính Khả Năng Kéo Rơ Moóc Của XeMáy Tính Leasing Ô TôMáy Tính 0–60 và Một Phần Tư DặmMáy Tính Thời Gian Sạc Xe ĐiệnMáy Tính Quãng Đường Xe ĐiệnMáy Tính Khoảng Cách 3DMáy Tính Hình XuyếnMáy Tính Diện Tích Đa Giác Bất Quy TắcMáy Tính Đa Giác ĐềuCông cụ Nhận dạng Thiết diện ConicMáy Tính HyperbolMáy Tính Chia DàiĐếm Ký Tự Twitter/XBộ chọn bình luận YouTubeTrích xuất thẻ YouTubeTrình tải hình thu nhỏ YouTubeCông cụ ước tính thu nhập YouTubeTrình tạo nhân vật RPG ngẫu nhiên