CSS ഉപയോഗിച്ച് ഏകീകൃത വാചകം സജ്ജമാക്കേണ്ടത്

വാചകത്തെ ന്യായീകരിക്കുന്നതിനായി CSS ടെക്സ്റ്റ് അലൈൻ മൂല്യം ഉപയോഗിച്ച്

ഒരു സൈറ്റിന്റെ വികസന സമയത്ത് ക്രമീകരിക്കാൻ നിങ്ങൾ തിരഞ്ഞെടുത്ത വെബ്സൈറ്റിന്റെ ടൈപോഗ്രാഫിയുടെ സ്വഭാവങ്ങളിലൊന്ന് സൈറ്റിന്റെ പാഠം എങ്ങനെ ന്യായീകരിക്കപ്പെടുന്നുവെന്നതാണ്. സ്ഥിരസ്ഥിതിയായി, വെബ് സൈറ്റ് ടെക്സ്റ്റ് ന്യായീകരിക്കുകയും അവലംബിക്കുന്ന നിരവധി സൈറ്റുകൾ ഇടുകയും ചെയ്യുന്നതാണ്. വെബ്സൈറ്റുകൾക്ക് ആരും ഓൺലൈനിൽ വായിക്കാൻ കഴിയാത്തതോ അല്ലെങ്കിൽ പൂർണമായും ന്യായീകരിച്ചിട്ടുള്ളവയോ ആയ വാചകങ്ങൾ റെൻഡർ ചെയ്യുന്നതിനാൽ മറ്റേതെങ്കിലും ഓപ്ഷനുകൾ ശരിയായി നീതീകരിക്കപ്പെട്ടതാണ്.

ജസ്റ്റിഫൈഡ് ടെക്സ്റ്റ് എന്നത് ഇടതുവശത്തും വലതുവശത്തും വിന്യസിക്കുന്ന വാചകത്തിന്റെ ഒരു ഭാഗമാണ്, ആ വശങ്ങളിൽ ഒന്നിന് എതിരായിട്ടുള്ളതാണ് ("ഇടത്", "വലത്" നീതീകരണം ചെയ്യാൻ). ഓരോ വരിയും ഒരേ നീളം ആണെന്ന് ഉറപ്പുവരുത്തുന്നതിന് ഓരോ വരിയിലും വാക്കും അക്ഷരങ്ങളും ഒത്തുചേർന്നുകൊണ്ട് ഇരട്ടശബ്ദം ന്യായീകരിക്കാവുന്ന ഫലം നിർവഹിക്കപ്പെടുന്നു. ഈ പ്രഭാവം പൂർണ്ണമായി ന്യായീകരിക്കപ്പെടുന്നു . ടെക്സ്റ്റ്-അലൈൻ പ്രോപ്പർട്ടി ഉപയോഗിച്ച് നിങ്ങൾ CSS ൽ വാചകം ഏകീകരിക്കുന്നു .

നീതീകരണം എങ്ങനെ പ്രവർത്തിക്കുന്നു?

ടെക്സ്റ്റ് ഒരു വരിയുടെ വലതുവശത്ത് ഒരു അസമത്വമായ എഡ്ജ് കാണുന്നത് കാരണം ടെക്സ്റ്റിന്റെ ഓരോ വരിയും ഒരേ നീളം അല്ല. ചില വരികളിൽ കൂടുതൽ വാക്കുകൾ അല്ലെങ്കിൽ ദൈർഘ്യമേറിയ വാക്കുകൾ ഉണ്ട്, മറ്റുള്ളവർക്ക് കുറച്ച് അല്ലെങ്കിൽ ചെറു വാക്കുകളാണുള്ളത്. ആ വാചക ബ്ലോക്കുകളെ ന്യായീകരിക്കുന്നതിനായി, എല്ലാ വരികളും പുറത്തെടുക്കുന്നതിന് അവ ചില വരികളിൽ അധിക സ്വാസുകൾ ചേർക്കുകയും അവയെ സ്ഥിരതയാക്കുകയും വേണം.

ഓരോ വെബ് ബ്രൌസർ നിർമ്മാക്കും ഒരു വരിയിൽ കൂടുതൽ ഇടങ്ങൾ പ്രയോഗിക്കുന്നതിന് സ്വന്തം അല്ഗോരിതം ഉണ്ട്. സ്പേസ് ഭരണം എവിടെയാണെന്ന് തീരുമാനിക്കാൻ പദ നീളം, ഹൈഫനേഷൻ, മറ്റ് ഘടകങ്ങൾ എന്നിവ ബ്രൗസറുകൾ നോക്കുന്നു.

ഫലമായി, ന്യായീകരിക്കപ്പെട്ട ടെക്സ്റ്റ് ഒരു ബ്രൌസറിൽ നിന്ന് മറ്റൊന്നിലേക്ക് സമാനമായി തോന്നുന്നില്ല. നിങ്ങളുടെ സൈറ്റ് ലൈൻ ദൈർഘ്യം എത്ര മികച്ചതാണെന്ന് താരതമ്യപ്പെടുത്തുന്നതിന് ഒരു സൈറ്റ് സന്ദർശകൻ മറ്റൊരു ബ്രൗസറിൽ നിന്ന് മറ്റൊരിടത്തേക്ക് പോകില്ല എന്നതിനാൽ ഇത് നല്ലതാണ്! എന്നിരുന്നാലും, പ്രധാന ബ്രൗസർ പിന്തുണ CSS കൊണ്ട് വാചകം ന്യായീകരിക്കുന്നത് നല്ലതാണ്.

ടെക്സ്റ്റ് ജസ്റ്റിഫൈ എങ്ങനെ

CSS ഉപയോഗിച്ച് വാചകം ടൈപ്പുചെയ്യുന്നത് ടെക്സ്റ്റിന്റെ ഒരു വിഭാഗത്തിന് ന്യായീകരിക്കാൻ ആവശ്യമാണ്.

ഒന്നിലധികം വരികളിൽ വ്യാപിക്കുന്ന ടെക്സ്റ്റ് സന്ദർഭം മുതൽ ഖണ്ഡിക ടാഗുകൾ കൊണ്ട് അടയാളപ്പെടുത്തുമ്പോൾ സാധാരണഗതിയിൽ ഇത് ടെക്സ്റ്റിന്റെ ഖണ്ഡികകളിലേക്ക് നടത്തും.

നിങ്ങൾ ന്യായീകരിക്കാൻ വാചകം ഒരു ബ്ളോക്ക് ഉണ്ടെങ്കിൽ, അത് CSS ടെക്സ്റ്റ് അലൈൻ രീതിയിൽ വസ്തുത നീതീകരിക്കാനുള്ള ഒരു ക്രമീകരണം ആണ്.

വാചകം-വിന്യസിക്കുക: നീതീകരിക്കുക;

എഴുത്തിന്റെ ബ്ലോക്ക് ഉദ്ദേശിക്കുന്നതിനായി റെഗുലർ സെലക്ട് ചെയ്യുന്നതിനായി നിങ്ങൾക്ക് അനുയോജ്യമായ സെലക്ടറിലേക്ക് ഈ CSS നിയമം പ്രയോഗിക്കേണ്ടത് ആവശ്യമാണ്.

ടെക്സ്റ്റ് ജസ്റ്റിഫൈ എപ്പോൾ

ഒരു ഡിസൈൻ കാഴ്ചപ്പാടിൽ നിന്ന് നീതീകരിക്കപ്പെട്ട വാചകത്തിന്റെ രൂപം പോലെയുള്ള അനേകം ആളുകൾ, അത് വളരെ സ്ഥിരതയാർന്ന അളവിലുള്ള രൂപം സൃഷ്ടിക്കുന്നു, എന്നാൽ ഒരു വെബ്പേജിൽ വാചകം പൂർണ്ണമായി ന്യായീകരിക്കാൻ ഡൗൺസീഡുകൾ ഉണ്ട്.

ഒന്നാമത്, നീതീകരിക്കപ്പെട്ട വാചകം വായിക്കാൻ പ്രയാസമാണ്. നിങ്ങൾ ടെക്സ്റ്റ് ന്യായീകരിക്കുമ്പോൾ, വരിയിൽ ചില പദങ്ങൾ തമ്മിൽ ചില അധിക വരികൾ ചേർക്കാവുന്നതാണ്. അസ്ഥിരമായ വിടവുകൾ വായിക്കാൻ വായനക്കാരെ കൂടുതൽ ബുദ്ധിമുട്ടാക്കുന്നു. വെബ് പേജുകളിൽ ഇത് പ്രത്യേകിച്ചും പ്രാധാന്യം അർഹിക്കുന്നു, പ്രകാശം, റെസല്യൂഷൻ അല്ലെങ്കിൽ മറ്റ് ഹാർഡ്വെയർ ഗുണങ്ങളുടെ അടിസ്ഥാനത്തിൽ ഇതിനകം തന്നെ വായിക്കാൻ ബുദ്ധിമുട്ടാണ്. ടെക്സ്റ്റിലേക്ക് അസാധാരണമായ ഇടങ്ങൾ ചേർക്കുന്നത് മോശമായ ഒരു സാഹചര്യം കൂടുതൽ വഷളാക്കും.

വായിക്കാനുള്ള പ്രശ്നങ്ങൾക്ക് പുറമേ, ശൂന്യസ്ഥലങ്ങൾ ചിലപ്പോഴൊക്കെ അന്യോന്യം പരസ്പരം കൂടിച്ചേർന്ന് വാചകത്തിന്റെ മധ്യത്തിൽ വെളുത്ത ഇടത്തിന്റെ "നദികൾ" സൃഷ്ടിക്കുന്നു.

വെള്ളനിറത്തിലുള്ള വലിയ വിടവുകൾ യഥാർഥത്തിൽ ഒരു മോശം ഡിസ്പ്ലേ ഉണ്ടാക്കുന്നു. കൂടാതെ, വളരെ ചുരുക്കത്തിൽ, അക്ഷരങ്ങൾ തമ്മിൽ അധിക സ്പേസുകൾ ഉള്ള ഒരു വാക്ക് അടങ്ങിയിട്ടുള്ള വരികളെ ന്യായീകരിക്കാൻ കഴിയും.

എപ്പോഴാണ് ടെക്സ്റ്റ് റെഫറൻസ് ഉപയോഗിക്കുന്നത്? വരികളുടെ നീളം കുറഞ്ഞതും ഫോണ്ട് സൈസ് കുറയുമ്പോഴും വാചകത്തെ ന്യായീകരിക്കുന്നതിനുള്ള ഏറ്റവും മികച്ച സമയം സംഭവിക്കുന്നു (പ്രതികരിക്കുന്ന വെബ് സൈറ്റുകളിൽ സ്ക്രീൻ വലുപ്പത്തിൽ അടിസ്ഥാനമാക്കിയുള്ള മാറ്റങ്ങൾ വരുത്താൻ ബുദ്ധിമുട്ടുള്ള ഒന്ന്). വരിയുടെ നീളം അല്ലെങ്കിൽ വേഗതയുടെ വേഗത എത്രയും വേഗത്തിലും ഇല്ല, നിങ്ങൾ നിങ്ങളുടെ ഏറ്റവും മികച്ച വിധി ഉപയോഗിക്കേണ്ടതുണ്ട്.

വാചകം ന്യായീകരിക്കാൻ നിങ്ങൾ ടെക്സ്റ്റ്-അലൈൻ രീതിയിൽ പ്രയോഗിച്ചതിന് ശേഷം, വെളുത്ത സ്പെയ്സ് നദികൾ ഇല്ലെന്ന് ഉറപ്പുവരുത്തുന്നതിനായി ഇത് പരിശോധിക്കുക - അത് വ്യത്യസ്ത വലുപ്പങ്ങളിൽ പരിശോധിക്കുന്ന കാര്യം ഉറപ്പുവരുത്തുക.

ഇത് ചെയ്യാൻ എളുപ്പമുള്ള വഴി, അത് സ്കിൻഡ് ചെയ്ത കണ്ണുകൾ ഉപയോഗിച്ച് കാണാവുന്നതാണ്. നദികളിലെ മറ്റ് വെള്ള നിറത്തിലുള്ള ബ്ലാക്ക് ബ്ലോക്കുകളിൽ നദികൾ വേറിട്ടു നിൽക്കുന്നു. നീ നദികൾ കണ്ടിരുന്നുവെങ്കിൽ, ആ കുറവുള്ള നദിയിൽ നിന്നും നീക്കം ചെയ്യാനുള്ള ടെക്സ്റ്റ് വലുപ്പത്തിലോ ടെക്സ്റ്റ് ബ്ലോക്കിന്റെ വീതിയിലോ മാറ്റങ്ങൾ വരുത്തണം.

ഈ ലേഖനത്തിൽ കാണപ്പെടുന്നതുപോലെ ഇടതുവശത്തെ വിന്യസിച്ച വാചകമായി നിങ്ങൾ താരതമ്യം ചെയ്തതിനു ശേഷം മാത്രം ന്യായീകരണം ഉപയോഗിക്കുക. പൂർണ്ണമായ നീതീകരണത്തിന്റെ സ്ഥിരത പോലെ നിങ്ങൾ നിർമ്മിക്കുന്നു, എന്നാൽ സാധാരണ അവശേഷിക്കുന്ന സ്റ്റാൻഡേർഡ് ടെക്സ്റ്റ് സാധാരണയായി കൂടുതൽ വായിക്കാൻ കഴിയും. ഡിസൈൻ ഉദ്ദേശ്യങ്ങൾക്കായി വാചകം ന്യായീകരിക്കാൻ തിരഞ്ഞെടുക്കുകയും നിങ്ങളുടെ സൈറ്റ് വായിക്കാൻ എളുപ്പമാകുമെന്ന് സ്ഥിരീകരിച്ചിരിക്കുകയും ചെയ്തതിനാൽ അവസാനം, നിങ്ങൾ വാചകത്തെ ന്യായീകരിക്കേണ്ടതുണ്ട്.