ટેબલ સેલમાં ટેક્સ્ટને કેવી રીતે કેન્દ્રિત કરવું

જો તમે નવા વેબ ડિઝાઈનર છો, તો તમને ટેબલ સેલની અંદરના ટેક્સ્ટને કેવી રીતે કેન્દ્રિત કરવું તે વિશે પ્રશ્નો હોઈ શકે છે. આ માર્ગદર્શિકા સાથે, થોડી મિનિટોમાં આ ટેકનિકનો ઉપયોગ કરો. તે સરળ છે - જો તમે પહેલાં ક્યારેય પ્રયાસ કર્યો નથી

શરૂ કરી રહ્યા છીએ

કોષની અંદરની ટેક્સ્ટ સારી રીતે CSS સાથે કરવામાં આવે છે, જેમ કે તમે તમારા વેબ પૃષ્ઠ પર બીજા ઘટકમાં ટેક્સ્ટને કેન્દ્રિત કરો છો. તમે શરૂ કરો તે પહેલાં, તેમ છતાં, તમારે નક્કી કરવું જોઈએ કે તમે કેન્દ્રીત થવા માગો છો. કોષ્ટક સાથે, તમારી પાસે ઘણા બધા વિકલ્પો છે, જેમાં કોષ્ટકમાં દરેક કોષ સામેલ છે; કોષ્ટકમાં દરેક હેડર સેલ, ટેબલ હેડ, ટેબલ બોડી અથવા ટેબલ ફુટમાં દરેક કોષ. તમે કોષ્ટકમાં ચોક્કસ કોષ અથવા કોશિકાઓના સમૂહને પણ કેન્દ્રિત કરી શકો છો.

વધુમાં, તમારે તમારા દસ્તાવેજનાં માથામાં આંતરિક શૈલી શીટ બનાવવી જોઈએ અથવા બાહ્ય શૈલી શીટ તરીકે દસ્તાવેજ સાથે જોડાયેલ હોવું જોઈએ. તમે સ્ટાઇલ શીટમાં તમારા ટેબલ કોશિકાઓના કેન્દ્રમાં શૈલીઓ મૂકશો.

કેવી રીતે કોષ્ટકમાં દરેક સેલ કેન્દ્ર

તમારી શૈલી શીટમાં નીચેની લીટીઓ ઉમેરો:

ટીડી, મી {ટેક્સ્ટ-સંરેખિત: કેન્દ્ર; }

કોષ્ટકમાં પ્રત્યેક મથાળાની કોષ કેવી રીતે કેન્દ્રમાં છે

તમારી શૈલી શીટમાં નીચેની લીટીઓ ઉમેરો:

th {text-align: કેન્દ્ર; }

કોષ્ટક હેડ, શારીરિક અથવા ફુટના દરેક સેલને કેન્દ્રમાં રાખવું

આ કોશિકાઓને કેન્દ્રિત કરવા માટે, તમારે ટેબલ ટેગ્સ ઉમેરવાની જરૂર છે જે હંમેશા ઉપયોગમાં લેવાતી નથી, જેમ કે , અને પછી, તમે ટેબલ હેડ, બોડી અને ફુટને ઓળખવા માટે આ કોષ્ટકો સાથે તમારા કોષ્ટક કોશિકાઓને ફરતે ભરો છો. તે પછી, તમે નીચેની તમારી શૈલી શીટને ઉમેરશો:

ધ થડ, ધ ટીડ {text-align: center; } ટેબ્સ, ટેડી ટીડી {text-align: center; } ટી ફુટ મી, ટીફટ ટીડી {ટેક્સ્ટ-સંરેખિત: કેન્દ્ર; }

જે વિસ્તારોમાં તમે કેન્દ્રિત થવું ન હોય તે માટે શૈલીઓને દૂર કરો.

કોષ્ટકમાં એક ચોક્કસ સેલ અથવા કોષોને કેવી રીતે કેન્દ્રિત કરવું

આવું કરવા માટે, તમારે કોશિકાઓ કે જે તમે કેન્દ્રિત કરવા માગો છો તેના પર એક વર્ગ સેટ કરવાની જરૂર છે.

તમે કેન્દ્રિત કરવા માંગો છો તે કોષ્ટક કોષો પર નીચેના વિશેષતા ઉમેરો:

class = "centered-cell" >

પછી તમારી શૈલી શીટને નીચે ઉમેરો:

કેન્દ્રિત-સેલ {text-align: કેન્દ્ર; }

તમે આ કોષ્ટકને તમારા કોષ્ટકમાં કોઈપણ વર્ગમાં ઉમેરી શકો છો.

રેપિંગ અપ

તમારા કોઈપણ કોષ્ટક કોશિકાઓ પર આ શૈલીઓનો ઉપયોગ કરવામાં અચકાશો નહીં. તમે તેને મર્જ કરેલા કોશિકાઓ પર અથવા એકલ કોષો પર ઉપયોગ કરી શકો છો અને અંદરના ટેક્સ્ટને કેન્દ્રિત કરવામાં આવશે.