ម៉ាស៊ីនភ្លើង Flexbox

ពិសោធន៍ជាមួយទិសដៅបត់បែន រុំ តម្រឹម និងតម្រឹម។ មើលប្លង់ធាតុធ្វើបច្ចុប្បន្នភាពបន្តផ្ទាល់ បន្ទាប់មកចម្លងកុងតឺន័រ CSS ។

Flexbox Generator

Live

flex-directionflex-wrapjustify-contentalign-items

Gap12px

Items5

CSS output

display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
gap: 12px;

Key capabilities

សាកល្បងជាមួយទិសដៅបត់បែន រុំ តម្រឹម និងតម្រឹម — មើលការអាប់ដេតប្លង់ផ្ទាល់។
ដំណើរការនៅក្នុងកម្មវិធីរុករករបស់អ្នក។
ឥតគិតថ្លៃក្នុងការប្រើប្រាស់

របៀបប្រើ

កំណត់ទិសដៅ flex និងរុំ។
កែតម្រូវខ្លឹមសារ និងតម្រឹមធាតុ។
ចម្លង Flexbox CSS ។

How this tool works

កំណត់ទិសដៅ flex និងរុំ។
កែតម្រូវខ្លឹមសារ និងតម្រឹមធាតុ។
ចម្លង Flexbox CSS ។

Recommended settings

ប្រើជម្រើសលំនាំដើមជាមុនសិន បន្ទាប់មកកែតម្រូវប្រសិនបើចាំបាច់

Supported formats

Text / on-page input

File size and limits

ការមើលជាមុនពហុស្រទាប់ស្មុគស្មាញខ្លាំងអាចមានអារម្មណ៍យឺតជាងនៅលើទូរសព្ទចាស់ៗ។

Privacy

ម៉ាស៊ីនបង្កើតពណ៌ និង CSS ដំណើរការទាំងស្រុងនៅក្នុងកម្មវិធីរុករករបស់អ្នក។ ការមើលជាមុន និងការបម្លែងមិនដែលបង្ហោះរចនាប័ទ្មរបស់អ្នកទេ។

Common use cases

ប្រើ Flexbox Generator នៅពេលណាដែលអ្នកត្រូវការ៖ សាកល្បងជាមួយនឹងទិសដៅបត់បែន រុំ តម្រឹម និងតម្រឹម — មើលការអាប់ដេតប្លង់ផ្ទាល់។

Troubleshooting

ការមើលជាមុនមើលទៅខុសគ្នាបន្ទាប់ពីបិទភ្ជាប់

ពិនិត្យមើល CSS ដែលប្រកួតប្រជែងនៅលើទំព័ររបស់អ្នក (កំណត់ឡើងវិញ ពណ៌ដែលបានទទួលមរតក)។ ចម្លងច្បាប់ដែលបានបង្កើតទៅក្នុងសន្លឹករចនាប័ទ្មដាច់ដោយឡែកជាមុនសិន។

សំណួរគេសួរញឹកញាប់

តើវាផ្ទុកឡើង CSS របស់ខ្ញុំទេ?

ទេ។ ម៉ាស៊ីនភ្លើង និងកម្មវិធីបម្លែងដំណើរការនៅក្នុងកម្មវិធីរុករកតាមអ៊ីនធឺណិតរបស់អ្នកជាមួយនឹងការមើលជាមុនផ្ទាល់។

តើខ្ញុំត្រូវការគណនីទេ?

ទេ។ បើកឧបករណ៍ កែប្រែការត្រួតពិនិត្យ និងចម្លង CSS ។