CSS Grid Generator

កំណត់ជួរឈរ ជួរដេក និងចន្លោះដោយមើលឃើញ បន្ទាប់មកចម្លងកូដគំរូ CSS Grid សម្រាប់ប្លង់របស់អ្នក។

CSS Grid Generator

Live

Columns3

Rows3

Gap12px

CSS output

display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 1fr);
gap: 12px;

Key capabilities

កំណត់ជួរឈរ ជួរដេក និងចន្លោះដោយមើលឃើញ បន្ទាប់មកចម្លងកូដគំរូ CSS Grid ។
ដំណើរការនៅក្នុងកម្មវិធីរុករករបស់អ្នក។
ឥតគិតថ្លៃក្នុងការប្រើប្រាស់

របៀបប្រើ

កំណត់ចំនួនជួរឈរ និងជួរ។
លៃតម្រូវគម្លាត និងតាមដានទំហំ។
ចម្លងក្រឡាចត្រង្គ CSS ។

How this tool works

កំណត់ចំនួនជួរឈរ និងជួរ។
លៃតម្រូវគម្លាត និងតាមដានទំហំ។
ចម្លងក្រឡាចត្រង្គ CSS ។

Recommended settings

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

Supported formats

Text / on-page input

File size and limits

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

Privacy

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

Common use cases

ប្រើ CSS Grid Generator នៅពេលណាដែលអ្នកត្រូវការ៖ កំណត់ជួរឈរ ជួរដេក និងចន្លោះដោយមើលឃើញ បន្ទាប់មកចម្លងកូដគំរូ CSS Grid ។

Troubleshooting

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

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

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

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

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

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

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

CSS Grid Generator