छविको दाँयामा छवि कसरी फ्लोट गर्नुहोस्

यो पाँच-मिनेट ट्यूटोरियलले बताउँछ

के तपाई पाठको दायाँतिर एक छवि फ्लोट गर्न सिक्न चाहानुहुन्छ? यदि हो भने, तपाई एक्लै हुनुहुन्न। त्यहाँ थुप्रै परिस्थितिहरू छन् जहाँ प्रोग्रामरहरू वेब पृष्ठमा छवि चाहन्छन् पाठको भित्र देखा पर्ने पाठ वा वरिपरि लिपिबद्ध हुन्छन्। धन्यबाद, छवियों को हेरफेरिंग पाठ को हेरफेर गर्न को लागी समान छ, यसैले यदि तपाईंले पछि संग अनुभव गरेको छ, यो प्रक्रिया सबै भन्दा मुश्किल नहीं हुनु पर्छ।

वास्तवमा, सीएसएस फ्लोट गुणसँग, पाठको दाँयामा तपाईंको छवि फ्याट गर्न सजिलो छ र यसको वरिपरि पाठको प्रवाह छ । कसरी सिक्न यो पाँच-मिनेट ट्यूटोरियल प्रयोग गर्नुहोस्।

सुरु गर्दै

सुरू गर्न, पाठको अनुच्छेद लेख्नुहोस् र अनुच्छेदको सुरुमा छवि थप गर्नुहोस्। यो पाठ अघि हुनु पर्दछ तर

ट्याग पछि):

दुई दिन को लागि नियमित रूप देखि अस्थायी अवधि incididunt in reprehenderit in voluptate। कामोत्तेजक गैर प्रवासी, प्रयोगशाला र डेलोर मैनेजमेंट। संधै एक प्रकार को छत को रूप मा प्रयोग को बिना। Mollit एनिमेसन आईडी अनुमान श्रमिक।

अर्को, छविमा एक शैली विशेषता जोड्नुहोस् र फ्लोट सम्पत्ती लागू गर्नुहोस्:

style = "float: right;" />

तपाईंको पाठ तस्विरको विरुद्धमा दायाँ घुमाइएको छ, त्यसैले तस्बिरमा केही हाशहरू थप्न यो सजिलै पढ्नको लागि:

margin: 0 5px 0 0; " />

मार्जिन तीर्थ सम्पत्तिले अर्डर माथि, दाँया, तल र बायाँ ( TRBL ) मा मार्जिन लागू गर्दछ।

लिपिङ अप

र त्यो गर्छ। अब तपाईलाई हेर्नुहुन्छ कि दाँया तिर कि एक फ्लोटिंग छवि सबैमा गाह्रो छैन। तपाईं बायाँ तिर एक छवि फ्लोटिंग र केन्द्रमा तैर गर्न रुचि पनि हुन सक्छ। पहिलो कदम सम्भव छ, दुर्भाग्यवश तपाईं छविलाई छविमा फ्लोट गर्न सक्नुहुन्न, किनकि सामान्य रूपमा दुई-स्तम्भ लेआउटको आवश्यकता पर्दछ।