ఎలా ఒక టేబుల్ సెల్ లో సెంటర్ టెక్స్ట్

మీరు ఒక అనుభవం లేని వెబ్ డిజైనర్ అయితే, మీకు పట్టిక గడి లోపల టెక్స్ట్ ఎలా ఉంటుందో గురించి ప్రశ్నలు ఉండవచ్చు. ఈ మార్గదర్శినితో, కొన్ని నిమిషాలలో ఈ పద్ధతిని నిర్వహించండి. ఇది సులభం - మీరు ముందు ప్రయత్నించారు ఎప్పుడూ కూడా.

మొదలు అవుతున్న

ఒక సెల్ లోపల టెక్స్ట్ మధ్యలో మీ వెబ్ పేజీలో మరొక మూలకం లో సెంటర్ టెక్స్ట్ చేస్తాను వంటి, CSS తో ఉత్తమ చేయబడుతుంది. మీరు ప్రారంభించడానికి ముందు, అయితే, మీరు సరిగ్గా మీరు ఏమి కేంద్రీకరించాలనుకుంటున్నారో నిర్ణయించుకోవాలి. పట్టికలో, ప్రతి పట్టికతో సహా అనేక ఎంపికలు ఉన్నాయి; పట్టికలో ప్రతి శీర్షిక సెల్ ప్రతి తల సెల్ తల, పట్టిక శరీరం లేదా టేబుల్ ఫుట్ లో సెల్. మీరు కూడా ఒక నిర్దిష్ట సెల్ లేదా పట్టిక లోపల కణాల సెట్ కేంద్రం కావచ్చు.

అదనంగా, మీరు మీ పత్రం యొక్క తలపై అంతర్గత శైలి షీట్ను సృష్టించాలి లేదా పత్రానికి బాహ్య శైలి షీట్గా జోడించాలి. మీరు ఆ శైలి షీట్లో మీ టేబుల్ కణాల మధ్యలో శైలులను ఉంచుతారు.

ఎలా టేబుల్ లో సెంటర్ ప్రతి సెల్ కు

మీ శైలి షీట్ కింది పంక్తులను జోడించండి:

td, th {text-align: center; }

ఎలా టేబుల్ లో ప్రతి శీర్షిక సెల్ కేంద్రం

మీ శైలి షీట్ కింది పంక్తులను జోడించండి:

th {text-align: center; }

టేబుల్ హెడ్, బాడీ లేదా ఫూట్ లో ప్రతి సెల్ మధ్యలో

ఈ కణాలు కేంద్రీకరించడానికి, మీరు , మరియు వంటి ఎల్లప్పుడూ ఉపయోగించని పట్టిక ట్యాగ్లను జోడించాలి. అప్పుడు, మీరు టేబుల్ తల, శరీరం, మరియు ఫుట్ గుర్తించడానికి ఈ ట్యాగ్లు మీ టేబుల్ కణాలు చుట్టూ చేస్తాము. ఆ తరువాత, మీరు మీ శైలి షీట్ కు క్రింది వాటిని చేర్చుతారు:

thead th, thead td {text-align: center; } tbody th, tbody td {text-align: center; } tfoot th, tfoot td {text-align: center; }

మీరు కేంద్రీకృతమై ఉండకూడని ప్రాంతాల కోసం శైలులను తొలగించండి.

ఎలా ఒక టేబుల్ లో ఒక నిర్దిష్ట సెల్ లేదా కణాలు సెంటర్ కేంద్రం

ఇది చేయుటకు, మీరు సెంట్రల్ చేయదలిచిన కణాలపై క్లాస్ను సెట్ చేయాలి.

మీరు కేంద్రీకృతమై ఉండటానికి కావలసిన పట్టిక కణాలకు క్రింది లక్షణాన్ని జోడించండి:

class = "centered-cell" >

తరువాత మీ శైలి షీట్ కు క్రింది వాటిని జోడించండి:

.centered-cell {text-align: center; }

మీరు ఈ పట్టికను మీ పట్టికలోని ఏదైనా సెల్కు జోడించవచ్చు.

చుట్టి వేయు

మీ శైలులు ఏవైనా ఈ శైలులను ఉపయోగించడానికి సంకోచించకండి. మీరు వాటిని విలీనం చేయబడిన కణాలపై లేదా సింగిల్ సెల్స్లో ఉపయోగించుకోవచ్చు మరియు వాటిలో టెక్స్ట్ కేంద్రీకృతమై ఉంటుంది.