यह पांच मिनट का ट्यूटोरियल बताता है कि कैसे
क्या आप सीखने में रुचि रखते हैं कि पाठ के दाईं ओर एक छवि कैसे तैरती है? यदि हां, तो आप अकेले नहीं हैं। ऐसी कई स्थितियां हैं जहां प्रोग्रामर एक वेब पेज पर एक छवि को पाठ के अंदर दिखाई देने वाले पाठ के साथ दिखाई देने वाले पाठ के साथ दिखाना चाहते हैं। शुक्र है, छवियों में हेरफेर करना पाठ को जोड़ना समान है, इसलिए यदि आपके पास बाद वाले के साथ अनुभव है, तो यह प्रक्रिया बिल्कुल कठिन नहीं होनी चाहिए।
वास्तव में, सीएसएस फ्लोट संपत्ति के साथ, टेक्स्ट के दाईं ओर अपनी छवि को फ़्लोट करना आसान है और बाईं तरफ टेक्स्ट प्रवाह है । सीखने के लिए इस पांच मिनट के ट्यूटोरियल का प्रयोग करें।
शुरू करना
शुरू करने के लिए, पाठ का अनुच्छेद लिखें और अनुच्छेद की शुरुआत में एक छवि जोड़ें। यह पाठ से पहले किया जाना चाहिए लेकिन
टैग के बाद):
इसके बाद, छवि में एक शैली विशेषता जोड़ें और फ्लोट संपत्ति लागू करें:
आपका टेक्स्ट छवि के ठीक सामने चलेगा, इसलिए इसे पढ़ने में आसान बनाने के लिए छवि में कुछ मार्जिन जोड़ें:
मार्जिन शॉर्टंड संपत्ति ऑर्डर टॉप, दाएं, नीचे और बाएं ( टीआरबीएल ) में मार्जिन लागू करती है।
समेट रहा हु
और वह करता है। अब आप देखते हैं कि दाईं तरफ एक छवि तैरना मुश्किल नहीं है। आप बाईं ओर एक छवि तैरने और इसे केंद्र में तैरने में रुचि भी ले सकते हैं। जबकि पहला कदम संभव है, दुर्भाग्य से आप केंद्र में एक छवि नहीं तैर सकते हैं, क्योंकि आमतौर पर दो कॉलम लेआउट की आवश्यकता होती है।