వెబ్ పేజీలను రూపకల్పన చేస్తున్నప్పుడు, డెవలపర్లు చిత్రాలు, వచనం, పట్టికలు మరియు ఇతరులతో సహా వివిధ భాగాలను జోడించవచ్చు. ఇంకా, బహుళ CSS లక్షణాలను ఉపయోగించి ఒక divలో వచనాన్ని మధ్యకు సమలేఖనం చేయవచ్చు. వచనాన్ని క్షితిజ సమాంతరంగా కేంద్రీకరించడానికి అత్యంత ప్రజాదరణ పొందిన పద్ధతి “ని ఉపయోగించడం టెక్స్ట్-అలైన్ ' గుణం. అదనంగా, మీరు కూడా ఉపయోగించవచ్చు ' లైన్-ఎత్తు 'మరియు' నిలువు-సమలేఖనం ” వచనాన్ని నిలువుగా సమలేఖనం చేయడం కోసం గుణాలు.
ఈ పోస్ట్ టెక్స్ట్ను నిలువుగా మరియు అడ్డంగా ఒక div లోపల కేంద్రీకరించే పద్ధతిని తెలియజేస్తుంది.:
ఒక div లోపల వచనాన్ని అడ్డంగా ఎలా కేంద్రీకరించాలి?
ఒక div లోపల వచనాన్ని అడ్డంగా మధ్యలో ఉంచడానికి, ఇచ్చిన విధానాన్ని చూడండి.
దశ 1: ఒక div కంటైనర్ను తయారు చేయండి
ప్రారంభంలో, '' సహాయంతో ఒక div కంటైనర్ను సృష్టించండి ఇప్పుడు, '' సహాయంతో div కంటైనర్ను యాక్సెస్ చేయండి id 'అట్రిబ్యూట్ పేరు సెలెక్టర్' # ” మరియు క్రింది CSS లక్షణాలను వర్తింపజేయండి: మేము సృష్టించిన div లోపల సమలేఖనం చేయబడిన వచనాన్ని అడ్డంగా విజయవంతంగా కేంద్రీకరించినట్లు గమనించవచ్చు: div కంటైనర్ లోపల వచనాన్ని నిలువుగా మధ్యలో ఉంచడానికి, అందించిన సూచనలను అనుసరించండి. దశ 1: div కంటైనర్ను యాక్సెస్ చేయండి అన్నింటిలో మొదటిది, సృష్టించబడిన div కంటైనర్ను యాక్సెస్ చేయండి. దశ 2: మధ్య వచనానికి నిలువుగా CSS లక్షణాలను వర్తింపజేయండి ఆపై, దిగువ జాబితా చేయబడిన CSS లక్షణాలను divలో నిలువుగా మధ్య వచనానికి వర్తింపజేయండి: అవుట్పుట్ ఒక div లోపల వచనాన్ని నిలువుగా మరియు అడ్డంగా కేంద్రీకరించడానికి, ముందుగా,
< div id = 'సమలేఖనం-కంటెంట్' >
Linuxhint అత్యుత్తమ వెబ్సైట్లలో ఒకటి కోసం కంటెంట్ సృష్టి.
div >
అవుట్పుట్
దశ 2: వచనాన్ని మధ్యకు సమలేఖనం చేయడానికి div కంటైనర్ను యాక్సెస్ చేయండి
వెడల్పు: 80 % ;
అంచు: 0 దానంతట అదే;
పాడింగ్: 20px;
నేపథ్య: #c8edf3;
టెక్స్ట్-అలైన్: సెంటర్;
రంగు: rgb ( 49 , పదిహేను , 240 ) ;
}
ఇక్కడ:
ఒక div లోపల వచనాన్ని నిలువుగా ఎలా కేంద్రీకరించాలి?
ప్రదర్శన: టేబుల్-సెల్;
వెడల్పు: 300px;
ఎత్తు: 150px;
పాడింగ్: 10px;
రంగు: నీలం;
నేపథ్య రంగు: rgb ( 248 , 215 , 166 ) ;
అంచు: 3px గీతలు #f09d03;
నిలువు-సమలేఖనం: మధ్య;
}
పై కోడ్ స్నిప్పెట్ ప్రకారం:
కంటైనర్ లోపల వచనాన్ని నిలువుగా మరియు అడ్డంగా రెండు విధాలుగా మధ్యలో ఉంచే పూర్తి విధానం గురించి మీరు తెలుసుకున్నారు. ముగింపు