கிடைமட்ட இடம் ஃப்ளெக்ஸ் அல்லது கிரிட் கொள்கலனின் குழந்தை உறுப்புகளுக்கு இடையே x- அச்சில் இருக்கும் இடைவெளி, அவை ஒரு வரிசையில் அமைக்கப்பட்டிருக்கும் போது. செங்குத்து இடம் ஒரு நெடுவரிசையில் வரிசைப்படுத்தப்பட்டிருக்கும் போது, ஃப்ளெக்ஸ் அல்லது கிரிட் கொள்கலனின் குழந்தை உறுப்புகளுக்கு இடையே y-அச்சு வழியாக ஒரு இடைவெளி உள்ளது.
இந்த கட்டுரை நிரூபிக்கும்:
- டெயில்விண்டில் உள்ள உறுப்புகளுக்கு இடையில் கிடைமட்ட இடத்தை எவ்வாறு சேர்ப்பது?
- டெயில்விண்டில் உள்ள உறுப்புகளுக்கு இடையே செங்குத்து இடத்தை எவ்வாறு சேர்ப்பது?
டெயில்விண்டில் உள்ள உறுப்புகளுக்கு இடையில் கிடைமட்ட இடத்தை எவ்வாறு சேர்ப்பது?
டெயில்விண்டில் உள்ள உறுப்புகளுக்கு இடையில் கிடைமட்ட இடைவெளியைச் சேர்க்க, ' space-x-
தொடரியல்
<உறுப்பு வர்க்கம் = 'space-x-
இங்கே, 'x' என்பது 'x-அச்சு' அல்லது 'கிடைமட்ட இடத்தை' குறிக்கிறது. “
எடுத்துக்காட்டு: டெயில்விண்டில் உள்ள உறுப்புகளுக்கு இடையில் கிடைமட்ட இடைவெளியைப் பயன்படுத்துதல்
இந்த எடுத்துக்காட்டில், சில குழந்தை கூறுகள் கொண்ட ஒரு நெகிழ்வு கொள்கலன் உள்ளது. நாங்கள் பயன்படுத்துவோம் ' விண்வெளி-x-8 'பயன்பாட்டு வகுப்பு' உடன் இங்கே, பெற்றோர் குழந்தை வெளியீடு ஃப்ளெக்ஸ் உறுப்புக்கு இடையே உள்ள கிடைமட்ட இடைவெளி வெற்றிகரமாக பயன்படுத்தப்பட்டதை மேலே உள்ள வெளியீடு குறிக்கிறது. டெயில்விண்டில் உள்ள உறுப்புகளுக்கு இடையே செங்குத்து இடைவெளியைச் சேர்க்க, ' space-y- தொடரியல் இங்கே, 'y' என்பது 'y-அச்சு' அல்லது 'செங்குத்து இடத்தை' குறிக்கிறது. ' எடுத்துக்காட்டு: டெயில்விண்டில் உள்ள உறுப்புகளுக்கு இடையே செங்குத்து இடைவெளியைப் பயன்படுத்துதல் இந்த எடுத்துக்காட்டில், ஒரு நெடுவரிசையில் சில குழந்தை கூறுகள் கொண்ட ஃப்ளெக்ஸ் கொள்கலன் உள்ளது. நாங்கள் பயன்படுத்துவோம் ' விண்வெளி-y-5 'பயன்பாட்டு வகுப்பு' உடன் இங்கே: வெளியீடு நெகிழ்வு கூறுகளுக்கு இடையே உள்ள செங்குத்து இடைவெளி திறமையாக பயன்படுத்தப்பட்டுள்ளது. டெயில்விண்டில் உள்ள உறுப்புகளுக்கு இடையே கிடைமட்ட மற்றும் செங்குத்து இடைவெளியைச் சேர்க்க, ' space-x-
< உடல் >
< div வர்க்கம் = 'ஃப்ளெக்ஸ் ஸ்பேஸ்-x-8 m-10 h-20 w-max' >
< div வர்க்கம் = 'bg-teal-500 w-20 p-5' > 1 < / div >
< div வர்க்கம் = 'bg-teal-500 w-20 p-5' > 2 < / div >
< div வர்க்கம் = 'bg-teal-500 w-20 p-5' > 3 < / div >
< div வர்க்கம் = 'bg-teal-500 w-20 p-5' > 4 < / div >
< div வர்க்கம் = 'bg-teal-500 w-20 p-5' > 5 < / div >
< div வர்க்கம் = 'bg-teal-500 w-20 p-5' > 6 < / div >
< / div >
< / உடல் >
டெயில்விண்டில் உள்ள உறுப்புகளுக்கு இடையே செங்குத்து இடத்தை எவ்வாறு சேர்ப்பது?
< div வர்க்கம் = 'flex flex-col space-y-5 m-10 text-center' >
< div வர்க்கம் = 'bg-teal-500 p-5' > 1 < / div >
< div வர்க்கம் = 'bg-teal-500 p-5' > 2 < / div >
< div வர்க்கம் = 'bg-teal-500 p-5' > 3 < / div >
< div வர்க்கம் = 'bg-teal-500 p-5' > 4 < / div >
< / div >
< / உடல் >
முடிவுரை