CSS નો ઉપયોગ કરીને કોષ્ટકને કેન્દ્રિત કરવાનો સરળ માર્ગ

કોષ્ટકને કેન્દ્રમાં રાખવાની જરૂર છે તે એક વાક્ય છે

કેસ્કેડીંગ સ્ટાઇલ શીટ્સ (CSS) એ શૈલી પત્રક ભાષા છે જેનો ઉપયોગ એચટીએમએલ અને એક્સએચટીએમએલ ( HTML) અને એક્સએચટીએમએલ ( HTML) માં લખાયેલા વેબ પૃષ્ઠોની વિઝ્યુઅલ સ્ટાઇલને ઘણીવાર સેટ કરવા માટે થાય છે. તમે વેબ ડીઝાઇન અથવા CSS માટે નવા હોઈ શકો છો અને વેબ પૃષ્ઠ પર કોષ્ટક કેવી રીતે મધ્યમાં રાખવું તે વિશે પ્રશ્નો હોય છે. તમે અનુભવી ડિઝાઇનર પણ હોઈ શકો છો કે જે આ તકનીકને કેવી રીતે કરવું તે વિશે મૂંઝવણમાં છે કે કેન્દ્ર ટેગ અને સંરેખિત = "કેન્દ્ર" વિશેષતા કોષ્ટક ટેગમાં દૂર કરવામાં આવેલ છે. CSS સાથે, વેબ પેજ પર કેન્દ્રિત કોષ્ટકો અઘરી નથી.

કોષ્ટકને કેન્દ્રિત કરવા માટે CSS નો ઉપયોગ કરો

તમે તમારા CSS સ્ટાઇલ શીટમાં એક લીટી ઉમેરી શકો છો, જે આખા ટેબલો આડા કેન્દ્રિત કરે છે:

ટેબલ {હાંસિયો: ઓટો; }

અથવા તમે સીધા જ તમારા ટેબલ પર તે જ લાઇન ઉમેરી શકો છો:

<ટેબલ શૈલી = "હાંસિયો: ઓટો;">

જ્યારે તમે કોઈ વેબ પેજ પર કોષ્ટક મૂકો છો, તો તમે તેને બ્લોક-લેવલ તત્વ, જેમ કે BODY, P, BLOCKQUOTE, અથવા DIV અંદર મૂકી રહ્યા છો. માર્જિનનો ઉપયોગ કરીને તમે તે તત્વની અંદર ટેબલને કેન્દ્રિત કરી શકો છો : ઓટો; શૈલી આ બ્રાઉઝરને ટેબલના તમામ બાજુઓ પર માર્જિન બનાવવા માટે કહે છે, જે વેબ પેજના મધ્યમાં કોષ્ટક ધરાવે છે.

કેટલાક જૂના વેબ બ્રાઉઝર્સ આ પદ્ધતિને સપોર્ટ નહીં કરે

જો તમારી સાઇટએ જૂના વેબ બ્રાઉઝરને સપોર્ટ કરવો જોઈએ, જેમ કે Internet Explorer 6, તો પછી તમારે તમારા કોષ્ટકોને કેન્દ્રિત કરવા માટે align = "center" અથવા CENTER ટેગનો ઉપયોગ કરવાનું ચાલુ રાખવું પડશે. તે વેબ પેજ પર તમારા કોષ્ટકોને કેન્દ્રિત કરતી વખતે એક જ ગૂંચવણમાં તમે ચલાવશો. આ તકનીકનો ઉપયોગ કરવો સરળ છે અને થોડી મિનિટોમાં ચલાવી શકાય છે.