2011-08-10 10 views
6

में एक छवि को केंद्रित करना मैं पाठ के अनुच्छेद के भीतर एक छवि को केन्द्रित करने के लिए एक पूरी तरह से सीएसएस तरीका ढूंढ रहा हूं ताकि टेक्स्ट छवि के दोनों किनारों पर लपेट सके।अनुच्छेद

Ideely the image |-----| would be placed 
before or after |-img-| the text within 
the code structure|-----| and the text 
would wrap around the image. 
+1

यह कुछ मुश्किल करना है। आपको किस ब्राउजर का समर्थन करने की आवश्यकता है? IE7? IE8? क्या छवि में हमेशा समान आयाम होते हैं? क्या पाठ बदलता है? – thirtydot

+0

छवि गुण सेट हैं और टेक्स्ट बदलने की संभावना है। ब्राउज़र समर्थन कोई मुद्दा नहीं है, लेकिन HTML5 और CSS3 का उपयोग नहीं किया जा सकता है। –

+0

तो यह संभव नहीं है –

उत्तर

1

मुझे नहीं लगता कि यह संभव है: जहाँ तक मुझे पता है ब्राउज़रों, एक लाइन से संबंधित इस प्रकार जब ब्राउज़र अपने पी टैग जो छवि है पार्स करता है के रूप में <p> सामग्री के प्रति

<p> Text that goes here and image <img src="img.jpg"/> continues text</p> 

यह स्वचालित रूप से उस रेखा को छवि के रूप में उच्च बना देगा।

शायद यह css3 हालांकि साथ संभव है ...

2

IE10 प्लेटफार्म पूर्वावलोकन माना जाता है कि (this article के अनुसार) तैनात तैरता कि पूरा करने के लिए आप जो खोज रहे हैं प्रतीत नामक एक नई सुविधा है।

अभी के लिए, हालांकि, मुझे लगता है कि आप फँस रहे हैं:/

0

वर्तमान में यह करने के लिए कोई रास्ता नहीं है। मैंने दूर और चौड़ा देखा है।

अन्य उत्तर यहां दिए गए प्रश्न को संबोधित नहीं करते हैं। This link (एक सूची के अलावा) पाठ के दो अनुच्छेदों के उपयोग की आवश्यकता है, और आप इसे गतिशील रूप से नहीं कर सकते हैं क्योंकि आपको छवि के दोनों किनारों पर पाठ का मिलान करने के लिए सावधान रहना होगा।

अन्य, IE10 के स्थिति में तैरता (माइक्रोसॉफ्ट उन्हें exclusions कॉल), काम की तरह करता है, लेकिन चेतावनियां की सूची के साथ:

  • यह IE-केवल है।
  • आपको ऑफसेट की बजाय कॉलम की संख्या जैसी चीज़ों को निर्दिष्ट करना होगा।
  • खिड़की का आकार बदलने पर यह अच्छी तरह से काम नहीं करता है। अन्य सामग्री ओवरलैप हो जाती है, और कंटेनर न्यूनतम आकार बनाए रखता है।
संबंधित मुद्दे