CSS Grid Generator

තීරු, පේළි සහ හිඩැස් දෘශ්‍යමය වශයෙන් නිර්වචනය කරන්න, ඉන්පසු ඔබේ පිරිසැලසුම සඳහා CSS ජාල අච්චු කේතය පිටපත් කරන්න.

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 ජාල අච්චු කේතය පිටපත් කරන්න.
ඔබගේ බ්‍රවුසරයේ ධාවනය වේ
භාවිතා කිරීමට නොමිලේ

භාවිතා කරන ආකාරය

තීරු සහ පේළි ගණන සකසන්න.
පරතරය සහ ධාවන පථයේ ප්‍රමාණය සුසර කරන්න.
ජාල CSS පිටපත් කරන්න.

How this tool works

තීරු සහ පේළි ගණන සකසන්න.
පරතරය සහ ධාවන පථයේ ප්‍රමාණය සුසර කරන්න.
ජාල CSS පිටපත් කරන්න.

Recommended settings

පෙරනිමි විකල්ප භාවිතා කරන්න, පසුව අවශ්ය නම් සකස් කරන්න

Supported formats

Text / on-page input

File size and limits

ඉතා සංකීර්ණ බහු-ස්ථර පෙරදසුන් පැරණි දුරකථනවල මන්දගාමී බවක් දැනිය හැක.

Privacy

වර්ණ සහ CSS ජනක යන්ත්‍ර සම්පුර්ණයෙන්ම ඔබගේ බ්‍රවුසරයේ ක්‍රියාත්මක වේ. පෙරදසුන් සහ පරිවර්තන කිසිවිටෙක ඔබේ මෝස්තර උඩුගත නොකරයි.

Common use cases

ඔබට අවශ්‍ය විටෙක CSS ජාල උත්පාදක යන්ත්‍රය භාවිතා කරන්න: තීරු, පේළි සහ හිඩැස් දෘශ්‍යමය වශයෙන් නිර්වචනය කරන්න, ඉන්පසු CSS ජාල අච්චු කේතය පිටපත් කරන්න.

Troubleshooting

ඇලවීමෙන් පසු පෙරදසුන වෙනස් ලෙස පෙනේ

ඔබේ පිටුවේ තරඟකාරී CSS සඳහා පරීක්ෂා කරන්න (නැවත සැකසීම්, උරුම වූ වර්ණ). ජනනය කරන ලද රීතිය පළමුව හුදකලා මෝස්තර පත්‍රයකට පිටපත් කරන්න.

නිති අසන පැණ

මෙය මගේ CSS උඩුගත කරයිද?

නැත. උත්පාදක සහ පරිවර්තක සජීවී පෙරදසුන සමඟ ඔබේ බ්‍රවුසරයේ ක්‍රියාත්මක වේ.

මට ගිණුමක් අවශ්‍යද?

නැත. මෙවලම විවෘත කරන්න, පාලන වෙනස් කරන්න, සහ CSS පිටපත් කරන්න.

CSS Grid Generator