ఈ ఐదు నిమిషాల ట్యుటోరియల్ ఎలా వివరిస్తుంది
వచనం యొక్క కుడి వైపున చిత్రాన్ని ఎలా తేలుతుందో తెలుసుకోవడానికి మీకు ఆసక్తి ఉందా? అలా అయితే, మీరు ఒంటరిగా లేరు. ప్రోగ్రామర్లు పాఠం లోపలి భాగంలో కనిపించే ఒక వెబ్ పుటను కోరుకుంటున్న అనేక సందర్భాలు ఉన్నాయి. అదృష్టవశాత్తూ, చిత్రాలను అభిసంధానించడం టెక్స్ట్ను అభిసంధానం చేయడంతో ఉంటుంది, కాబట్టి మీరు మీతో అనుభవం కలిగి ఉంటే, ఈ ప్రక్రియ అన్నిటిలోనూ కష్టం కాదు.
వాస్తవానికి, CSS ఫ్లోట్ ఆస్తితో, టెక్స్ట్ యొక్క కుడి వైపున మీ చిత్రాన్ని తేలుతూ , ఎడమవైపున దాని చుట్టూ టెక్స్ట్ ప్రవాహాన్ని కలిగి ఉంటుంది. ఎలా తెలుసుకోవడానికి ఈ ఐదు నిమిషాల ట్యుటోరియల్ ఉపయోగించండి.
మొదలు అవుతున్న
ప్రారంభించడానికి, పేరాగ్రాఫ్ ప్రారంభంలో వచనం యొక్క పేరాగ్రాఫ్ను వ్రాసి చిత్రాన్ని జోడించండి. ఇది టెక్స్ట్ ముందు కానీ
ట్యాగ్ తర్వాత చేయబడుతుంది):
తరువాత, చిత్రానికి శైలి లక్షణాన్ని జోడించి ఫ్లోట్ లక్షణాన్ని వర్తించండి:
మీ టెక్స్ట్ ఇమేజ్కి వ్యతిరేకంగా కుడివైపుకి దూసుకుపోతుంది, కాబట్టి చదవడానికి సులభంగా చిత్రం కోసం కొన్ని మార్జిన్లను జోడించండి:
మార్జిన్ షార్ట్హ్యాండ్ ఆస్తి టాప్, కుడి, దిగువ మరియు ఎడమ ( TRBL ) లో అంచులను వర్తింపచేస్తుంది.
చుట్టి వేయు
మరియు అది చేస్తుంది. ఇప్పుడు మీరు కుడి వైపుకు ఒక చిత్రం తేలుతున్నట్లు కష్టం కాదు. మీరు ఎడమ వైపున ఒక చిత్రాన్ని తేలుతూ, దానిని సెంటర్కు తేవడానికి ఆసక్తి కలిగి ఉండవచ్చు. మొదటి తరలింపు సాధ్యం కానప్పటికీ, దురదృష్టవశాత్తూ మీరు ఇద్దరు నిలువు వరుస లేఅవుట్ అవసరమవుతున్నందున, మీరు కేంద్రానికి ఒక చిత్రాన్ని తేలేరు.