ஸ்பான் லிமிட் உரை நீளம் தொடர்பான முக்கிய பிரச்சனை என்னவென்றால், அது துண்டிக்கப்பட்ட அல்லது முழுமையடையாத செய்திகளுக்கு வழிவகுக்கும். காட்டப்படும் உரை முக்கியமானதாக இருக்கும் அல்லது முக்கியமான தகவல்களைக் கொண்டிருக்கும் சந்தர்ப்பங்களில் இது குறிப்பாக சிக்கலாக இருக்கும். உரை மிக நீளமாக இருந்தால், அது துண்டிக்கப்படும் மற்றும் பயனர் படிக்கும் போது அது அர்த்தமில்லாமல் இருக்கலாம். கூடுதலாக, உரை துண்டிக்கப்பட்டால், அது அதன் நோக்கத்தை வெளிப்படுத்தாது மற்றும் குழப்பம் அல்லது தவறான விளக்கத்திற்கு வழிவகுக்கும்.
<span style="max-width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;">This is a long sentence that will be limited to 100 characters.</span>
1. இந்த வரியானது இடைவெளியின் அதிகபட்ச அகலத்தை 100px ஆக அமைக்கிறது:
`
HTML இல் 'Span' என்றால் என்ன
HTML ஒரு ஆவணத்தில் உள்ள இன்லைன் உறுப்புகளை தொகுக்க உறுப்பு பயன்படுத்தப்படுகிறது. இது ஒரு ஆவணத்திற்குள் கட்டமைப்பைச் சேர்ப்பதற்கான வழியை வழங்குகிறது, இது உறுப்புகளை ஒன்றாகக் குழுவாக்க அனுமதிக்கிறது மற்றும் தொகுக்கப்பட்ட கூறுகளுக்கு பாணிகள், தளவமைப்பு மற்றும் பண்புக்கூறுகளைப் பயன்படுத்த அனுமதிக்கிறது. ஸ்பான் உறுப்பு ஒரு இன்லைன் உறுப்பு மற்றும் ஆவணத்தில் புதிய வரி அல்லது தொகுதி-நிலை உறுப்பை அறிமுகப்படுத்தாது.
இடைவெளியில் உரையை எவ்வாறு வரம்பிடுவது
CSS அதிகபட்ச அகலப் பண்பைப் பயன்படுத்தி, HTML இல் உள்ள ஸ்பான் உறுப்பில் உரையை வரம்பிடலாம். இந்த பண்பு ஒரு உறுப்புக்கு அதிகபட்ச அகலத்தை அமைக்க உங்களை அனுமதிக்கிறது, மேலும் இந்த அகலத்தை மீறும் எந்த உரையும் துண்டிக்கப்படும். இந்த சொத்தை பயன்படுத்த, அதை உங்கள் CSS ஸ்டைல்ஷீட்டில் சேர்த்து, விரும்பிய அதிகபட்ச அகலத்திற்கு அமைக்கவும்:
இடைவெளி {
அதிகபட்ச அகலம்: 200px;
}
இது உங்கள் பக்கத்தில் உள்ள எந்த span உறுப்புகளையும் அதிகபட்சமாக 200px அகலத்திற்கு வரம்பிடும். இந்த அகலத்தை மீறும் எந்த உரையும் நீள்வட்டத்துடன் (...) துண்டிக்கப்படும்.
