CSS සමඟ සාධාරණීය පෙළක් සකසන්නේ කෙසේද

පාඨය සාධාරණීකරණය කිරීමට CSS Text-Align භාවිතා කිරීම

වෙබ් අඩවියෙහි සංවර්ධනය අතරතුරදී ඔබට ගැලපෙන ලෙස තෝරා ගත හැකි වෙබ් අඩවියේ ඇති ගුණාංගයක් වන්නේ වෙබ් අඩවියේ පාඨය සාධාරණීකරණය කර ඇති ආකාරයයි. පෙරනිමියෙන් වෙබ් අඩවි සාධාරණීකරණය කර ඇති අතර ඒවායේ කොපමණ ප්රමාණයක් ඔවුන්ගේ පාඨයෙන් ඉවත් වේ. අනෙක් විකල්පයන් සාධාරණීකරණය කළ හැකි ය. වෙබ් අඩවි කියවීම සැබවින්ම අපහසු විය හැකි හෙයින් එය සම්පූර්ණයෙන්ම යුක්ති සහගත ලෙස හැඳින්විය නොහැකි නිසා වෙබ් අඩවි වල කිසිවෙකු භාවිතා නොකෙරේ.

සාධාරණ වූ පෙළ යනු වමේ සහ දකුනේ දෙපසට පැටලෙන පෙළේ කොටසකි. ඒවායේ එක් පැත්තකට පමණක් ("වාම" හා "නිවැරදි" සාධාරණීකරණය කිරීම). සෑම රේඛාවම සමාන දිගුවක් බව සහතික කිරීම සඳහා දෙවරක් යුක්තිසහගත කරන ලද බලපෑම ව්යාජ සහ අකුරු අවකාශය සැකසීමේදී සිදු කරනු ලැබේ. මෙම බලපෑම පූර්ණ යුක්ති සහගත ලෙස හඳුන්වනු ලැබේ. Text-align property භාවිතයෙන් CSS තුළ පෙළ ඔබ සාධාරණීකරණය කරයි.

සාධාරණීකරණය කරන්නේ කෙසේද?

පෙළපතේ දකුණු පසෙහි අසමාන තීරුවක නිතර දක්නට ලැබෙන හේතුව වන්නේ එක් එක් රේඛාව එකම දිග නොවේ. සමහර රේඛා තවත් වචන හෝ දිගු වචන තිබේ. අනෙක් අයට අඩු හෝ කෙටි වචන තිබේ. පාඨයේ එක් එක් කොටස යුක්ති සහගත කිරීම සඳහා, සියලු රේඛා නිශ්චය කිරීමට හා ඒවා ස්ථාවර කිරීමට අතිරේක අවකාශයන් ඇතැම් රේඛාවලට එකතු කළ යුතුය.

සෑම වෙබ් බ්රවුසර නිෂ්පාදකයෙක්ම රේඛාවක් තුල අතිරේක අවකාශයන් යෙදවීම සඳහා තමන්ගේම ඇල්ගොරිතමයක් ඇත. බ්රවුසරය වචන දිග, අක්ෂර සහ අනෙකුත් සාධක දෙස බලයි.

ප්රතිඵලයක් වශයෙන්, සාධාරණිත පෙළ එක් එක් බ්රවුසරයකින් ඊලඟට සමාන නොවේ. ඔබගේ වෙබ් අඩවියේ රේඛා දිහා බලන ආකාරය කිසිවක් නරඹන්නන් විසින් එක් බ්රවුසරයක සිට වෙනත් ස්ථානයකින් පැනීම නිසා මෙය හොඳ ය. කෙසේ වෙතත්, ප්රධාන CS බ්රවුසරය CSS සමඟ ඇති නිවැරදි කිරීම සඳහා සුදුසු වේ.

පෙළ ගැසූ ආකාරය

CSS සමඟ ඇති නිවැරදි කිරීම යුක්ති සහගත කිරීමට පෙළ පෙළක් අවශ්ය වේ.

සාමාන්යයෙන්, මෙම පේළියෙහි ඡේද කිහිපයකටම සිදු කරනු ලැබේ. පෙළ පේළියෙහි විශාල අකුරු සන්දර්භය බොහෝ පේළි සවි කර ඇති බැවින් ඡේද ලේබල සමඟ ලකුණු කර ඇත.

ඔබට සාධාරණීකරණය කිරීම සඳහා පෙළ කොටුවක් තිබිය පසු, CSS පෙළ-පෙළගැස්ම ශෛලමය දේපල සමඟ සාධාරනීකරනය කිරීමේ ශෛලිය සැකසීමේ කාරනයකි.

පෙළ-align: සාධාරණීකරණය කරන්න;

ඔබට අවශ්ය පරිදි CSS රීතිය තෝරාගැනීම සඳහා ඔබට CSS රීතිය අනුගමනය කළ යුතුය.

පෙළ ගැසීම කවදාද?

නිර්මාණශීලී දෘෂ්ටිකෝණයකින් යුක්තිසහගත වූ පෙළ පෙනුම බොහෝ අය කැමති ලෙස බොහෝ විට එය එය ඉතා ස්ථාවර, මනින ලද පෙනුමක් නිර්මාණය කරයි, නමුත් වෙබ් පිටු මත පෙළ සම්පූර්ණයෙන්ම යුක්තිසහගත කිරීම සඳහා අඩුපාඩු තිබේ.

පළමුව, යුක්තිසහගත පාඨය කියවීමට අමාරු විය හැකිය. මේ හේතුව වන්නේ ඔබ පෙළ යුක්තිසහගත කරන විට අමතර රේඛාවේ සමහර වචන අතර සමහරක් අමතර ඉඩ ප්රමාණයක් එක් කළ හැක. නුසුදුසු පරතරයන් පාඨය කියවීමට අපහසු විය හැකිය. මෙය විශේෂයෙන්ම වැදගත් වන්නේ වෙබ් පිටු, විශේෂයෙන් ආලෝකකරණය, විසර්ජනය හෝ වෙනත් දෘඪාංග තත්ත්වයන් නිසා දැනටමත් කියවන්නට අපහසු විය හැකිය. පෙළට අසාමාන්ය අවකාශ එකතු කිරීම තවත් නරක තත්වයක් විය හැකිය.

කියවීමේ ගැටලුවලට අමතරව, සමහර විට හිස් අවකාශයන් පෙළ අතරමැදි අකුරු වල "ගංගා" සෑදීමට එකිනෙකා සමඟ එකිනෙකට සම්බන්ධ වේ.

හිස් අවකාශයේ ඇති විශාල පරතරය ඇත්තෙන්ම අද්විතීය ප්රදර්ශනයක් සඳහා කළ හැකිය. අතිරේක වශයෙන්, ඉතා කෙටි රේඛාවලදී, යුක්තිසහගත කිරීම මගින් ඒවායේ අකුරු අතර අතිරේක අවකාශයන් සහිත එක් වචනයක් අඩංගු රේඛා ඇතිවිය හැක.

එබැවින් ඔබ ඒවායේ සාධාරණීකරණය භාවිතා කළ යුත්තේ කවදාද? පෙළ යුක්ති සහගත කිරීමට හොඳම කාලය සිදු වන්නේ රේඛා දිගු වන අතර අකුරු ප්රමාණය කුඩා වේ (රේඛීය දිග ප්රමාණය අනුව වෙනස්වන වෙබ් අඩවිවල තිරස් ප්රමාණය මත පදනම්ව වෙනස්වන). පේළියක දිග හෝ ලිපිවල ප්රමාණයේ දැඩි හා වේගවත් සංඛ්යාවක් නොමැත, ඔබේ හොඳම විනිශ්චය භාවිතා කළ යුතුය.

පාඨමය පදනමක් සැකසීම සඳහා පෙළ-ගැලුම් ශෛලිය අනුගමනය කිරීමෙන් පසු සුදු සකාටේ ගංගා ඇති බවට වග බලා ගැනීම සඳහා එය පරීක්ෂා කරන්න - විවිධ ප්රමාණවලින් එය පරික්ෂා කිරීමට වග බලා ගන්න.

මෙය කළ හැකි පහසුම ක්රමය වන්නේ, ඇස් වහනය සහිතව බැලීමයි. ගංගා වල අළෙවියකින් යුත් අළු පැහැති අකුරු වල සුදු පැහැයක් ගනී. ඔබ ගංගා දකින්නෙහි නම්, එම අසීමිත ගංගාවන් ඉවත් කිරීම සඳහා පෙළේ ප්රමාණය හෝ පාඨ කොටසෙහි විස්ථාපනය කළ යුතුය.

මෙම ලිපියෙහි දැක්වෙන පරිදි වම් පැත්තකින් පෙළට ඔබ එය සන්සන්දනය කිරීමෙන් අනතුරුව යුක්තිසහගතව භාවිතා කරන්න. ඔබ සම්පූර්ණ යුක්තිසහගත බවක් මෙන් ම, සාමාන්ය සම්මත වමේ පිළිගත් පාඨය සාමාන්යයෙන් කියවිය හැකි ය. අවසානයේදී, ඔබ නිර්මාණ සැලසුම් අරමුණු සඳහා පෙළක් යුක්තිසහගත කිරීම සඳහා තෝරාගෙන ඇති නිසා, ඔබේ වෙබ් අඩවිය පහසුවෙන් කියවිය හැකි බව තහවුරු කර ඇත.