CSS සහ HTML භාවිතා කරමින් අකුළන ලද පෙළ සහිත කොටුවක් සාදන්න
HTML හි අනුලකුණු පෙට්ටිය යනු කොටුවෙහි ප්රමාණයට වඩා විශාල කොටුවෙහි අන්තර්ගතය දකුණු පස සහ පහළට අනුචලන තීරු එකතු කර ඇති කොටුවකි. වෙනත් වචනවලින් කිවහොත්, ඔබට වචන 50 ක් පමණ ගැලපෙන කොටු ඇති අතර, ඔබට වචන 200 කින් පෙළ ඇති අතර, පාඨක පෙට්ටියකින් තවත් 150 වචන දකින්න. සාමාන්යයෙන් HTML යනුවෙන් පිටත අමතර පෙළ පිටතට තල්ලු කරනු ඇත.
HTML පොත සකස් කිරීම පහසුය. ඔබ විසින් අනුචලනය කිරීමට අවශ්ය මූලද්රව්යයේ පළල හා උස සැකසීමට අවශ්ය වන අතර ඉන්පසු ඔබට අවශ්ය වන්නේ කෙසේදැයි පෙන්වීම සඳහා CSS පරිසීමක දේපල භාවිතා කරන්න.
අමතර පෙළ සමඟ කළ යුත්තේ කුමක්ද?
ඔබට ඔබේ පිරිසැලසුමෙහි ඇති ඉඩ ප්රමාණයට වඩා වැඩි පෙළක් ඇති විට, ඔබට පහත විකල්ප කිහිපයක් ඇත:
- එය කෙටි හා සුදුසු වනු ඇත.
- පෙළ සීමාව ඉක්මවා ගලා යෑමට ඉඩ සැලැස්වීමට ඉඩ සැලැස්වීමට ඉඩ සලසා ගත හැකිය.
- එය පිටතට ගලා යන තැන කපා දමන්න.
- අකුළන ලද බාර් (පෙළ සඳහා සාමාන්ය සිරස්) එකතු කරන්න, අමතර පිටපතේ පෙන්වීම සඳහා අවකාශය දිගු කිරීම.
හොඳම විකල්පය සාමාන්යයෙන් අන්තිම විකල්පයයි: අකුළන ලද පෙළ කොටුව නිර්මාණය කරන්න. එවිට අතිරේක පාඨ තවමත් කියවිය හැකි වුවද, ඔබගේ නිර්මාණය අවදානමට ලක් නොවේ.
HTML සහ CSS සඳහා මෙය වනු ඇත:
පිටාර ගැලීම: ඔටෝ; ඩ්රයිව් වල සීමාවන් ඉක්මවා යැවීම සඳහා අවශ්ය නම් ලියුම් තීරු එකතු කිරීමට බ්රවුසරයට කියනු ලැබේ. මෙම කාර්යය සඳහා මෙම කාර්යය සඳහා අවශ්ය වන පරිදි, ඔබට අවශ්ය වන පළල හා උස වර්ගයේ ගුණාංග අවශ්ය වේ.
පිටාර ගැලීම වෙනස් කිරීමෙන් ඔබට පෙළ කපා හැක: ස්වයංක්රීයව; පිටාර ගැලීම: සැඟවී; ඔබ පිටාර ගැලීම ඉවත් කර ඇත්නම්, පිටපතේ ඇති සීමාවන් ඉක්මවා ඇත.
ඔබට ස්ලිටි තීරු බොත්තමක් පමණට වඩා වැඩි යමක් එකතු කළ හැකිය
ඔබට කුඩා ඉඩක ප්රදර්ශනය කිරීමට අවශ්ය විශාල රූපයක් තිබේ නම්, ඔබට පෙළපොත් සමඟ සමාන වන පරිදි පොකුරු තීරු එකතු කළ හැකිය.
මෙම උදාහරණයේ 400x509 රූපය 300x300 ඡේදයේ ඇතුළත වේ.
ස්ඵල් තීරු වලින් ප්රයෝජන ගත හැකි වගු
තොරතුරු දිගු තොරතුරු ඉතා ඉක්මනින් කියවීමට ඉතා අසීරු විය හැකි නමුත්, සීමිත ප්රමාණයේ කූඩුවක් තුලට දමා ඒවායේ පිටාර ගැලීම එකතු කිරීම මගින් ඔබේ පිටුවෙහි අතිශය ඉඩක් නොලැබෙන දත්ත ගොඩක් සමඟ වගු නිර්මාණය කළ හැකිය. .
සරලම ක්රමය වන්නේ පින්තූර සහ පෙළ වැනි සමාන වන ආකාරයටයි, මේසය වටා වින්යාසය එකතු කරන්න, එම div එකේ පළල සහ උසට පිහිටුවා අතිරික්ත ගුණය එකතු කරන්න:
Name th> | Телефон th> tr> | Jennifer td> | 502-5366 td> tr> .... tbody> table> div> ඔබ මෙය සිදු කරන විට එක් දෙයක් නම්, තිරස් දිශානු බිමේ තීරුව සාමාන්යෙන් දිස්වේ. බ්රවුසරය උපකල්පනය කරන ලද බ්ලොග් වල වගුව අතිච්ඡාදනය වන නිසාය. වගුවේ පළල සහ අනිත් අයගේ පළල වෙනස් කිරීමෙන් මෙය නිවැරදි කිරීමට බොහෝ ක්රම තිබේ. නමුත් මගේ ප්රියතම එකක් වන්නේ CSS 3 දේපල overflow-x සමග තිරස් දිශානු අක්රිය කරන්න. අතිරේකව එක් කරන්න: සැඟවුණු; div, සහ එය තිරස් අනුචලන තීරුව ඉවත් කරනු ඇත. අතුරුදහන් වන අන්තර්ගතයන් තිබිය හැකි බැවින් මෙය පරික්ෂා කිරීමට වග බලා ගන්න. ෆයර්ෆොඩ් ටයිප් කිරීම සඳහා ෆයර්ෆොක්ස් භාවිතා කරයිෆයර්ෆොක්ස් බ්රවුසරයේ එක් ඇත්තක් ලස්සන විශේෂාංගයක් වන්නේ ඔබ විසින් ටොයිටෝ සහ ටීඅඩි හෝ ටෆ්ටට් වැනි අභ්යන්තර ලේබල් ටැග් වල අතිරික්ත දේපල භාවිතා කළ හැකි බවයි. මෙයින් අදහස් වන්නේ ඔබට වගුවේ අඩංගු දෑ මත අනුචලන තීරු සැකසීමට හැකි වන අතර ඒවායේ ශීර්ෂ සෛල උඩට නැංවෙනු ඇත. මෙය ක්රියාත්මක වන්නේ ෆයර්ෆොක්ස් හි පමණි, එය ඉතා නරක වන නමුත් ඔබගේ පාඨකයින් ෆයර්ෆොක්ස් භාවිතා කරන්නේ නම් එය ලස්සන විශේෂාංගයකි. මම අදහස් කරන්නේ කුමක්දැයි බැලීමට ෆයර්ෆොක්ස් හි මෙම උදාහරණය බලන්න.
|
---|