டெயில்விண்ட் CSS இல் உள்ள 'ஓவர்ஃப்ளோ' பயன்பாடுகளில் பிரேக் பாயிண்ட்கள் மற்றும் மீடியா வினவல்களைப் பயன்படுத்தும் முறையை இந்த எழுதுதல் விளக்குகிறது.
டெயில்விண்டில் 'ஓவர்ஃப்ளோ' மூலம் பிரேக் பாயின்ட்கள் மற்றும் மீடியா வினவல்களை எவ்வாறு பயன்படுத்துவது?
டெயில்விண்டில் 'ஓவர்ஃப்ளோ' பயன்பாடுகளில் குறிப்பிட்ட பிரேக்பாயிண்ட்கள் மற்றும் மீடியா வினவல்களைப் பயன்படுத்த, ஒரு HTML கட்டமைப்பை உருவாக்கவும். பின்னர், பயன்படுத்தவும் ' எம்டி ' அல்லது ' lg ” விரும்பியவற்றுடன் முறிவு புள்ளிகள் “ஓவர்ஃப்ளோ-<மதிப்பு>” வெவ்வேறு திரை அளவுகளில் குறிப்பிட்ட உறுப்பின் வழிதல் நடத்தையைக் கட்டுப்படுத்தும் பயன்பாடுகள். அடுத்து, சரிபார்ப்புக்காக இணையப் பக்கத்தின் திரை அளவை மாற்றவும்.
உதாரணமாக
இந்த எடுத்துக்காட்டில், நாம் பயன்படுத்துவோம் 'எம்டி' உடன் முறிவு புள்ளி 'ஓவர்ஃப்ளோ-ஸ்க்ரோல்' உள்ள பயன்பாடு
ஸ்க்ரோல்பார்களைச் சேர்க்கும் கொள்கலன் மற்றும் அவற்றை எப்போதும் நடுத்தரத் திரை அளவில் காண்பிக்கும்: < உடல் >
< div வர்க்கம் = 'overflow-auto md:overflow-scroll bg-purple-300 p-4 mx-16 mt-5 h-36 text-justify' >
டெயில்விண்ட் CSS போன்ற பல்வேறு 'ஓவர்ஃப்ளோ' பயன்பாடுகளை வழங்குகிறது
“overflow-auto”, “overflow-scroll”, “overflow-hidden”, “overflow-visible”
ஒரு குறிப்பிட்ட உறுப்பு உள்ளடக்கத்தை எவ்வாறு கையாளுகிறது என்பதை இந்த பயன்பாடுகள் தீர்மானிக்கின்றன
கொள்கலன் அளவை மீறுகிறது. ஒவ்வொரு பயன்பாடும் தனிப்பட்ட செயல்பாட்டை வழங்குகிறது,
இருப்பினும், அவற்றின் இறுதி இலக்கு ஒரே மாதிரியாக உள்ளது, அதாவது நிரம்பி வழிவதைக் கட்டுப்படுத்துவது
தேர்ந்தெடுக்கப்பட்ட உறுப்பு நடத்தை.
< / div >
< / உடல் >
இங்கே:
- தி 'ஓவர்ஃப்ளோ-ஆட்டோ' சுருள் பட்டைகளை சேர்க்க class பயன்படுகிறது கொள்கலன் மற்றும் ஸ்க்ரோலிங் தேவைப்படும் போது மட்டுமே அவற்றைக் காட்டவும்.
- தி 'md: overflow-சுருள்' வகுப்பு ஸ்க்ரோல்பார்களைச் சேர்க்கிறது மற்றும் எப்போதும் அவற்றைக் காட்டுகிறது 'எம்டி' பிரேக் பாயிண்ட் (நடுத்தர திரை அளவு).
வெளியீடு:
மேலே உள்ள வெளியீட்டின் படி, 'ஓவர்ஃப்ளோ' பயன்பாடுகளில் பிரேக் பாயிண்ட்கள் மற்றும் மீடியா வினவல்கள் வெற்றிகரமாகப் பயன்படுத்தப்பட்டன.
முடிவுரை
டெயில்விண்டில் 'ஓவர்ஃப்ளோ' பயன்பாடுகளில் பிரேக் பாயிண்ட் மற்றும் மீடியா வினவல்களைப் பயன்படுத்த, ' sm ”,” எம்டி ' அல்லது ' lg 'விரும்பினால் முறிவு புள்ளிகள்' வழிதல்-<மதிப்பு> HTML திட்டத்தில் உள்ள பயன்பாடுகள். இந்த பிரேக் பாயிண்ட்கள் வெவ்வேறு திரை அளவுகளில் குறிப்பிட்ட உறுப்பின் வழிதல் நடத்தையைக் கட்டுப்படுத்துகின்றன. டெயில்விண்டில் உள்ள 'ஓவர்ஃப்ளோ' பயன்பாடுகளில் குறிப்பிட்ட பிரேக் பாயின்ட்கள் மற்றும் மீடியா வினவல்களைப் பயன்படுத்துவதற்கான உதாரணத்தை இந்த ரைட்-அப் விளக்கியுள்ளது.