CSS ഉപയോഗിച്ച് ഒരു ടേബിനെ സെന്റർ ചെയ്യുന്നതിനുള്ള ലളിതമായ മാർഗ്ഗം

ഒരു ടേബിനെ കേന്ദ്രീകരിക്കാൻ നിങ്ങൾക്കാവശ്യമുള്ള ഒരു കോഡ് കോഡ് മാത്രമാണ്

HTML , XHTML എന്നിവയിൽ എഴുതിയിരിക്കുന്ന വെബ് പേജുകളുടെ ദൃശ്യ ശൈലി സജ്ജമാക്കുന്നതിന് ഒരു ശൈലി ഷീറ്റ് ഭാഷയാണ് Cascading Style Sheets (CSS). നിങ്ങൾ വെബ് രൂപകൽപനയ്ക്കോ അല്ലെങ്കിൽ CSS- ന്റെയോ പുതിയതായും ഒരു വെബ്പേജിൽ എങ്ങനെയാണ് ഒരു പട്ടികയുടെ കേന്ദ്രബിന്ദുവിനെ കുറിച്ചും ചോദ്യങ്ങൾ ഉണ്ടാകാം. നിങ്ങൾ ഇപ്പോൾ ഈ രീതി നടപ്പിലാക്കുന്നതിനെക്കുറിച്ച് ആശയക്കുഴപ്പത്തിലായ ഒരു പരിചയസമ്പന്നരായ ഡിസൈനർ ആകാം ഇപ്പോൾ കേന്ദ്ര ടാഗ് ആൻഡ് align = "center" ആട്രിബ്യൂട്ട് പട്ടികയിൽ ടേബിൾ ടാഗ്. CSS ഉപയോഗിച്ച്, വെബ് പേജിലെ പട്ടികകൾ കേന്ദ്രീകരിക്കുന്നത് ബുദ്ധിമുട്ടുള്ള കാര്യമല്ല.

ഒരു പട്ടികയെ കേന്ദ്രീകരിക്കാൻ CSS ഉപയോഗിക്കുക

എല്ലാ പട്ടികകളും തിരശ്ചീനമായി കേന്ദ്രമാക്കുന്നതിന് നിങ്ങളുടെ CSS സ്റ്റൈൽ ഷീറ്റിലേക്ക് ഒരൊറ്റ ലൈൻ ചേർക്കാം:

പട്ടിക {margin: auto; }

അല്ലെങ്കിൽ നിങ്ങളുടെ പട്ടികയിൽ നേരിട്ട് അതേ വരി ചേർക്കാനും കഴിയും:

നിങ്ങൾ ഒരു വെബ് പേജിൽ ഒരു പട്ടിക സമർപ്പിക്കുമ്പോൾ, നിങ്ങൾ BODY, P, BLOCKQUOTE, അല്ലെങ്കിൽ DIV പോലുള്ള ഒരു ബ്ളോക്ക് -വൽ എലമെന്റിനുള്ളിൽ വയ്ക്കുകയാണ്. മാർജിൻ ഉപയോഗിച്ചു് നിങ്ങൾക്ക് ആ ഘടകഭാഗത്തിനുള്ളിൽ പട്ടികയെ കേന്ദ്രീകരിക്കാം : സ്വപ്രേരിത; ശൈലി. പട്ടികയുടെ എല്ലാ വശങ്ങളിലും മാർജിനുകൾ തുല്യമായി ക്രമീകരിക്കാൻ ഇത് ബ്രൌസറിനോട് ആവശ്യപ്പെടുന്നു. അത് വെബ് പേജിന്റെ മധ്യത്തിൽ പട്ടികയിൽ സ്ഥാനം പിടിക്കുന്നു.

ചില പഴയ വെബ് ബ്രൌസറുകൾ ഈ രീതി പിന്തുണയ്ക്കുകയില്ല

Internet Explorer 6 പോലെയുള്ള ഒരു പഴയ വെബ് ബ്രൗസറിനെ നിങ്ങളുടെ സൈറ്റ് പിന്തുണയ്ക്കേണ്ടതുണ്ടെങ്കിൽ, നിങ്ങളുടെ പട്ടികകളെ കേന്ദ്രമാക്കാൻ അലൈന് = "സെന്റർ" അല്ലെങ്കിൽ CENTER ടാഗ് ഉപയോഗിക്കുക. വെബ് പേജിൽ നിങ്ങളുടെ ടേബിളുകൾ മധ്യത്തിലാകുമ്പോൾ നിങ്ങൾ ഓടിക്കുന്ന ഒരേയൊരു സങ്കീർണതയാണ് അത്. ഈ രീതി ഉപയോഗിക്കുന്നത് എളുപ്പമാണ്, മിനിറ്റിനുള്ളിൽ ഇത് നടപ്പാക്കാം.