వెబ్ పుటలో ఎలిమెంట్లను సమలేఖనం చేయడం మరియు ఫ్లోట్ చేయడం ఎలా

ఒక వెబ్ పేజీలో అంశాల స్థానం దాని మొత్తం రూపకల్పనకు చాలా అవసరం. పట్టికలను ( మేము సిఫార్సు చేయనిది ) ఉపయోగించడం వంటి లేఅవుట్ను ప్రభావితం చేయడానికి ఇతర మార్గాలు ఉన్నప్పటికీ, ఉత్తమ CSS ను ఉపయోగించడం .

క్రింద, చిత్రాలను, పట్టికలు, పేరాగ్రాఫ్లు మరియు మరిన్నింటిని సమలేఖనం చేయడానికి సరళమైన CSS స్టైల్ ఇన్-లైన్ ఆస్తి ఎలా ఉపయోగించాలో చూద్దాం.

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

టెక్స్ట్ పేరాలను సమలేఖనం చేయండి

పేరా ట్యాగ్ అనేది మీ వెబ్ పేజిని తీసివేయడానికి మొదటి స్థానం. ఇది ప్రారంభ మరియు మూసివేయడం ట్యాగ్లు ఇలా కనిపిస్తాయి:

పేరాలో వచనం యొక్క డిఫాల్ట్ అమరిక పేజీ యొక్క ఎడమ వైపుకు ఉంటుంది, కానీ మీరు మీ పేరాలను కుడి మరియు మధ్యకు కూడా సర్దుబాటు చేయవచ్చు.

ఫ్లోట్ ఆస్తి ఉపయోగించి మీరు పేరెంట్ మూలకం యొక్క కుడి లేదా ఎడమ పేరాలను align అనుమతిస్తుంది. ఆ పేరెంట్ మూలకం లోపల ఏదైనా ఇతర అంశాలు ఆవిష్కరించబడిన మూలకం చుట్టూ ప్రవహిస్తాయి.

పేరాతో ఉత్తమ ప్రభావాన్ని పొందడానికి, కంటైనర్ (పేరెంట్) ఎలిమెంట్ కంటే చిన్నది అయిన పేరాపై వెడల్పు సెట్ చేయడం ఉత్తమం.

పేరాల్లో ఇన్సైడ్ టెక్స్ట్ సమలేఖనం

పేరాగ్రాఫ్ టెక్స్ట్కు అత్యంత ఆసక్తికరమైన అమరిక, "సమంజసమైనది", ఇది విండోను కుడి మరియు ఎడమ భుజాలకి ఉమ్మడిగా సమలేఖనం చేయటానికి బ్రౌజర్ను చూపుతుంది.

పేరాలో వచనాన్ని సమర్థించేందుకు, మీరు టెక్స్ట్-అలైన్ ఆస్తిని వాడుతారు.

మీరు వచనం- align లక్షణాన్ని ఉపయోగించి కుడి వైపున లేదా ఎడమ వైపున (డిఫాల్ట్) ఒక పేరా లోపల అన్ని వచనాన్ని align చేయవచ్చు.

Text-align ఆస్తి మూలకం లోపల టెక్స్ట్ align ఉంటుంది. సాంకేతికంగా, ఇది పేరా లేదా ఇతర అంశానికి సంబంధించిన చిత్రాలను సమలేఖనం చేయకూడదు, కానీ చాలా బ్రౌజర్లు ఈ ఆస్తి కోసం ఇన్లైన్ వలె చిత్రాలకు చికిత్స చేస్తాయి.

చిత్రాలు సమలేఖనం

ఒక చిత్రం ట్యాగ్లో ఫ్లోట్ ఆస్తిని ఉపయోగించడం ద్వారా మీరు పేజీలో చిత్రాల ప్లేస్మెంట్ను ఎలా నిర్వచించవచ్చో మరియు వాటి చుట్టూ టెక్స్ట్ ఎలా ఉంటుంది.

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

పై చిత్ర ప్రతిమను అనుసరించే వచనం చిత్రంపై ఎడమ వైపుకి ప్రదర్శిస్తున్నట్లుగా కుడివైపుకి చిత్రాన్ని ప్రవహిస్తుంది.

నేను చిత్రం చుట్టూ చుట్టడం ఆపడానికి కావాలంటే, నేను స్పష్టమైన ఆస్తిని ఉపయోగిస్తారు:

పేరా కంటే ఎక్కువ సమలేఖనం

అయితే, మీరు కేవలం ఒక పేరా లేదా ఒక చిత్రం కంటే ఎక్కువ సర్దుబాటు చేయాలనుకుంటే? మీరు కేవలం ప్రతి పేరాలో శైలి లక్షణాన్ని ఉంచవచ్చు, కానీ మీరు మరింత ప్రభావవంతమైనదిగా ఉపయోగించగల ట్యాగ్ ఉంది: