Flexbox Generator

නම්‍ය දිශානතිය සමඟ අත්හදා බලන්න, ඔතා, සාධාරණීකරණය කරන්න, සහ පෙළගස්වන්න. අයිතම පිරිසැලසුම් සජීවීව යාවත්කාලීන කිරීම නරඹන්න, පසුව බහාලුම් 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 භාවිතා කරන්න: flex දිශාව සමඟ අත්හදා බැලීම, එතුම, සාධාරණීකරණය කිරීම සහ පෙළගැස්වීම - පිරිසැලසුම් යාවත්කාලීන සජීවීව බලන්න.

Troubleshooting

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

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

නිති අසන පැණ

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

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

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

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

Flexbox Generator