मुझे पता था कि छवि को शीर्ष पर कैसे रखा जाए और फिर छवि के नीचे दिए गए पाठ को उचित ठहराना ताकि यह छवि की चौड़ाई की सीमाओं के भीतर रहता है। हालांकि, अब मुझे नहीं पता कि यह कैसे करें। यह कैसे पूरा किया जाता है?मैं छवि के नीचे सीधे पाठ को कैसे संरेखित कर सकता हूं?
उत्तर
इस छवि के नीचे 'ए' केन्द्रों:
<div style="text-align:center">
<asp:Image ID="Image1" runat="server" ImageUrl="~/Images/opentoselect.gif" />
<br />
A
</div>
ASP.Net है और यह HTML के रूप में प्रस्तुत करना होगा:
<div style="text-align:center">
<img id="Image1" src="Images/opentoselect.gif" style="border-width:0px;" />
<br />
A
</div>
आपकी मदद के लिए धन्यवाद, लेकिन यह वास्तव में –
-1 काम नहीं करता है, निश्चित रूप से यह काम नहीं करता है, यह एएसपी, सर्वर साइड भाषा का उपयोग करता है। सवाल एएसपी टैग नहीं किया गया था, हम एक सादा एचटीएमएल समाधान चाहते हैं। : डी –
@CrazyJugglerDrummer एएसपी.Net के ठीक नीचे HTML है जो बनाता है - यह मेरा मुद्दा था। – JBrooks
आपका HTML:
<div class="img-with-text">
<img src="yourimage.jpg" alt="sometext" />
<p>Some text</p>
</div>
यदि आप अपनी छवि की चौड़ाई जानते हैं, तो आपका सीएसएस:
.img-with-text {
text-align: justify;
width: [width of img];
}
.img-with-text img {
display: block;
margin: 0 auto;
}
अन्यथा छवि के नीचे आपका टेक्स्ट फ्री-फ्लो होगा। इसे रोकने के लिए, बस अपने कंटेनर पर चौड़ाई निर्धारित करें।
15 सेकंड बहुत देर हो चुकी है .... –
हे, क्षमा करें आदमी। ट्रिगर पर त्वरित होना चाहिए :) – Jason
यदि आप यह सुनिश्चित करना चाहते हैं कि टेक्स्ट केंद्रित है, तो आप सीएसएस को में बदल सकते हैं .img-with-text { टेक्स्ट-एलाइन: केंद्र; } –
टेक्स्ट को औचित्य देने में सक्षम होने के लिए, आपको छवि की चौड़ाई जानने की आवश्यकता है। आप छवि की सामान्य चौड़ाई का उपयोग कर सकते हैं, या एक अलग चौड़ाई का उपयोग कर सकते हैं, लेकिन आईई 6 आपके ऊपर क्रैकी हो सकता है और स्केल नहीं कर सकता है।
यहाँ आप क्या जरूरत है:
<figure>
<img src="img.jpg" alt="my img"/>
<figcaption> Your text </figcaption>
</figure>
<style type="text/css">
#container { width: 100px; //whatever width you want }
#image {width: 100%; //fill up whole div }
#text { text-align: justify; }
</style>
<div id="container">
<img src="" id="image" />
<p id="text">oooh look! text!</p>
</div>
का उपयोग करके छवि को पोजिशन करने से बेहतर तरीके से एक आईएमजी की चौड़ाई को सेट कर रहे हैं ... आप छवि को खींचने को समाप्त कर देंगे ... yikes – Jason
आप एचटीएमएल 5 <figcaption>
उपयोग कर सकते हैं।
- 1. मैं ImageView के नीचे एक छवि दृश्य के अंदर एक छवि को कैसे संरेखित कर सकता हूं?
- 2. सीएसएस पाठ संरेखक के नीचे संरेखित
- 3. जब मैं लपेटता हूं तब भी मैं बाएं संरेखित पाठ को कैसे केंद्रित कर सकता हूं?
- 4. मैं उसी पंक्ति में दाईं ओर पाठ को बाएं और पाठ को कैसे संरेखित कर सकता हूं?
- 5. मैं संख्यात्मक इनपुट दाएं और पाठ इनपुट को कैसे संरेखित कर सकता हूं?
- 6. मैं चौड़ाई को जानने के बिना एक div को संरेखित कैसे कर सकता हूं?
- 7. मैं स्टेटसस्ट्रिप में नियंत्रण कैसे संरेखित कर सकता हूं?
- 8. मैं नीचे-दाएं div के चारों ओर पाठ कैसे लपेट सकता हूं?
- 9. मैं दृश्यमान स्क्रीन के नीचे एक छवि कैसे चिपका सकता हूं, और केंद्रित हो सकता हूं?
- 10. मैं अपने TextView के साथ एक LinearLayout में अपना ImageView कैसे संरेखित कर सकता हूं?
- 11. क्या मैं सीएसएस के साथ एक छवि के एएलटी पाठ को शैलीबद्ध कर सकता हूं?
- 12. मैं नीचे एक HTML स्क्रॉलबार कैसे शुरू कर सकता हूं?
- 13. मैं कर्सर के नीचे शब्द और मौजूदा पंक्ति के पाठ को विम स्क्रिप्ट में कैसे प्राप्त कर सकता हूं?
- 14. सीएसएस में फोटो के आगे पाठ संरेखित
- 15. कैसे खड़ी पाठ और छवि
- 16. क्षैतिज रूप से एक छवि को कैसे केन्द्रित करें और इसे कंटेनर के नीचे संरेखित करें?
- 17. छवि बटन के भीतर छवि स्रोत को संरेखित कैसे करें?
- 18. मैं स्क्रीन सेंटर में छवि कैसे प्रदर्शित कर सकता हूं?
- 19. पृष्ठ के नीचे div को संरेखित कैसे करें, स्क्रीन के नीचे नहीं
- 20. मैं ReportLab छवि गुणवत्ता में सुधार कैसे कर सकता हूं?
- 21. मैं एक आयताकार छवि के चारों ओर पाठ कैसे लपेट सकता हूं?
- 22. मैं UITextField में स्पष्ट बटन कैसे स्थानांतरित कर सकता हूं?
- 23. मैं स्टैकपैनल के अंदर टेक्स्टबॉक्स को लंबवत रूप से कैसे संरेखित कर सकता हूं?
- 24. संरेखित सूची-शैली-छवि आनुपातिक पाठ के साथ
- 25. मैं एक WPF विंडो में नियंत्रण को त्वरित रूप से कैसे संरेखित कर सकता हूं?
- 26. संरेखित मांगपत्र उदात्त पाठ
- 27. मैं ऑडियो बफर को सीधे इसे चलाने के लिए कैसे स्थानांतरित कर सकता हूं
- 28. मैं छवि पर आकार को छोटा कैसे बना सकता हूं?
- 29. मैं आउटपुटस्ट्रीम को कैसे कार्यान्वित कर सकता हूं जिसे मैं रिवाइंड कर सकता हूं?
- 30. मैं संसाधन से बिटमैप छवि कैसे प्राप्त कर सकता हूं?
किस लेआउट सिस्टम में? एचटीएमएल? लेटेक्स? हमें यहां एक संकेत दें। – dmckee