CSS తో సర్దుబాటు టెక్స్ట్ సెట్ ఎలా

పాఠాన్ని సమర్థించడానికి CSS టెక్స్ట్-సమలేఖనం లక్షణాన్ని ఉపయోగించడం

సైట్ యొక్క అభివృద్ధిలో సర్దుబాటు చేయడానికి మీరు ఎంచుకునే వెబ్ సైట్ యొక్క టైపోగ్రఫీ లక్షణాల్లో ఒకటి సైట్ యొక్క టెక్స్ట్ సమర్థించబడుతోంది. డిఫాల్ట్గా, వెబ్ సైట్ టెక్స్ట్ సరైనదిగా మిగిలిపోయింది మరియు వారి సైట్లు ఎన్ని వాక్యాలను వదిలివేసాయి. ఆన్లైన్లో చదవటానికి తప్పనిసరిగా అసాధ్యమైన టెక్స్ట్ని లేదా పూర్తిగా సమర్థించుకునేదిగా ఉన్నందున, ఎవరూ వెబ్సైట్లలో ఉపయోగించలేరు, ఇతర ఎంపికలు మాత్రమే సరైనవి.

సమలేఖనం చేసిన టెక్స్ట్ అనేది ఎడమ వైపు మరియు కుడి వైపులా రెండింటిలోనూ సర్దుబాటు చేసే వచనం యొక్క బ్లాక్, ఇది కేవలం ఒక వైపులా ఉంటుంది (ఇది "ఎడమ" మరియు "కుడి" సమర్థన దోషమే). ప్రతి పంక్తి అదే పొడవుగా ఉండేలా ప్రతి వాక్యంలోని అక్షరాలను మరియు అక్షరాలను సర్దుబాటు ద్వారా రెట్టింపు సమర్థించడం ప్రభావం సాధించవచ్చు. ఈ ప్రభావం పూర్తి సమర్థన అని పిలుస్తారు. మీరు text-align ఆస్తిని ఉపయోగించి CSS లో టెక్స్ట్ను సమర్థిస్తారు.

సమర్థన ఎలా పనిచేస్తుంది?

టెక్స్ట్ యొక్క ప్రతి లైన్ లైన్ అదే పొడవు కానందున మీరు తరచుగా టెక్స్ట్ యొక్క బ్లాక్ యొక్క కుడివైపున అసమాన అంచును చూసే కారణం. కొన్ని పంక్తులు ఎక్కువ పదాలు లేదా పొడవైన పదాలను కలిగి ఉంటాయి, ఇతరులు తక్కువ లేదా తక్కువ పదాలను కలిగి ఉంటాయి. వచనం యొక్క బ్లాక్ను సమర్థించడానికి, అదనపు పంక్తులు కొన్ని పంక్తుల్లో తప్పనిసరిగా పంక్తులు అన్నింటికీ జోడించబడి వాటిని స్థిరంగా ఉంచాలి.

ప్రతి వెబ్ బ్రౌజరు తయారీదారుడు ఒక లైన్ లోపల అదనపు ఖాళీలను వర్తింపచేయడానికి దాని సొంత అల్గోరిథంను కలిగి ఉంటాడు. బ్రౌసర్ లు పద పొడవు, హైఫనేషన్ మరియు ఇతర అంశాలపై చూడండి.

ఫలితంగా, సమర్థించదగిన పాఠం ఒక బ్రౌజర్ నుండి మరొకదానికి సమానంగా కనిపించకపోవచ్చు. ఏ సైట్ సందర్శకుడు మీ సైట్ యొక్క లైన్ పొడవులు చూడండి ఎలా సరిపోల్చండి కేవలం ఒక బ్రౌజర్ నుండి మరొక జంప్ నుండి ఇది మంచిది! రెస్ట్, అయితే, ప్రధాన బ్రౌజర్ మద్దతు CSS తో టెక్స్ట్ సమర్థించడం మంచిది.

టెక్స్ట్ సర్దుబాటు ఎలా

CSS తో టెక్స్ట్ సమర్థించడం టెక్స్ట్ యొక్క ఒక విభాగం సమర్థించేందుకు అవసరం.

బహుళ పంక్తులను విస్తరించివున్న టెక్స్ట్ సందర్భంలో పేరా ట్యాగ్లతో మార్క్ చేయబడుతుంది కనుక ఇది సాధారణంగా పేరాగ్రాఫ్లకు టెక్స్ట్ చేయబడుతుంది.

మీరు సమర్థించేందుకు టెక్స్ట్ యొక్క బ్లాక్ను కలిగి ఉన్న తర్వాత, ఇది CSS టెక్స్ట్ -అలైన్ శైలి ఆస్తితో సమర్థించడం కోసం శైలిని సెట్ చేసే విషయం.

టెక్స్ట్-సమలేఖనం: సమర్థించుట;

ఉద్దేశించిన విధంగా టెక్స్ట్ యొక్క బ్లాక్ ను పొందడానికి సరైన CSS ను ఈ CSS నియమాన్ని మీరు దరఖాస్తు చేయాలి.

టెక్స్ట్ని జస్టిఫై చేసినప్పుడు

ఒక నమూనా దృక్కోణం నుండి సమర్థించదగిన వచన రూపాన్ని కలిగి ఉన్న చాలా మంది వ్యక్తులు, ఇది చాలా స్థిరమైన, కొలిచిన రూపాన్ని సృష్టిస్తుంది, కానీ పూర్తిగా వెబ్పేజీలో టెక్స్ట్ సమర్థించడం తగ్గించడానికి ఉన్నాయి.

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

చదవదగ్గ సమస్యలతో పాటు, ఖాళీ ప్రదేశాలు కొన్నిసార్లు మధ్యలో ఉన్న తెల్లని స్థలం యొక్క "నదులు" సృష్టించడానికి ఒకదానితో మరొకటి ఉంటాయి.

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

సో మీరు టెక్స్ట్ సమర్థన ఉపయోగించాలి? పంక్తులు పొడవు మరియు ఫాంట్ పరిమాణం చిన్నగా ఉన్నప్పుడు సమర్థించడం సమయాన్ని సమర్థిస్తుంది (ప్రతిస్పందించే వెబ్సైట్లలో ఉండే స్క్రీన్ పరిమాణాల ఆధారంగా లైన్ల పొడవులు మార్పులని నిర్ధారించడం కష్టం). లైన్ లేదా పొడవు యొక్క పొడవు కోసం ఎటువంటి కఠినమైన మరియు వేగవంతమైన సంఖ్య లేదు, మీరు మీ ఉత్తమ తీర్పును ఉపయోగించాలి.

వచనాన్ని సమర్థించేందుకు టెక్స్ట్ -అలైన్ శైలిని వర్తింపజేసిన తర్వాత, టెక్స్ట్ తెల్ల ఖాళీ నదులు ఉండవని నిర్ధారించుకోవడానికి దాన్ని పరీక్షించండి - వివిధ రకాలైన పరిమాణంలో దీనిని పరీక్షించాలని నిర్ధారించుకోండి.

దీన్ని చేయటానికి సులభమైన మార్గం అది squinted కళ్ళు చూడడమే. తెల్లటి గోధుమ బ్లాక్లో నల్ల మచ్చలు వలె నదులు నిలుస్తాయి. మీరు నదులను చూస్తే, సరిగ్గా తెలియని నదులు వదిలించుకోవడానికి టెక్స్ట్ పరిమాణం లేదా టెక్స్ట్ బ్లాక్ యొక్క వెడల్పుకు మార్పులు చేయాలి.

మీరు ఈ వ్యాసంలో చూసినట్టుగా ఎడమ-సమలేఖన వచనంతో పోల్చిన తర్వాత మాత్రమే సమర్థనను ఉపయోగించండి. మీరు పూర్తి సమర్థనీయతకు అనుగుణంగా వ్యవహరిస్తారు, కానీ ప్రామాణిక ఎడమ సమర్థించడం టెక్స్ట్ సాధారణంగా మరింత చదవగలిగేది. చివరికి, మీరు టెక్స్ట్ ప్రయోజనాన్ని ఉండాలి ఎందుకంటే మీరు డిజైన్ ప్రయోజనాల కోసం టెక్స్ట్ను సమర్థించేందుకు ఎంచుకున్నాము మరియు మీ సైట్ చదవడానికి సులభంగా ఉందని ధృవీకరించారు.