मेरे पास एक वेबसाइट है, और मुझे दृश्य पृष्ठ के नीचे केंद्रित एक छवि की आवश्यकता है। तो किसी भी स्क्रीन आकार में, छवि अभी भी नीचे और केंद्रित होगी।मैं दृश्यमान स्क्रीन के नीचे एक छवि कैसे चिपका सकता हूं, और केंद्रित हो सकता हूं?
उत्तर
का उपयोग कर शुद्ध सीएसएस आप सभी नए ब्राउज़रों
.fix{
position:fixed;
bottom:0px;
left:50%;
}
<img src="yourimagepath" class="fix"/>
और IE6 के लिए में इस लक्ष्य को हासिल कर सकते हैं position:absolute;
बजाय तय उपयोग कर सकते हैं। यह पृष्ठ के निचले हिस्से में छवि को स्थान देगा, लेकिन जब आप स्क्रॉल करेंगे तो छवि पृष्ठ के साथ स्क्रॉल होगी। दुर्भाग्य से स्थिति: नहीं में तय IE6
आईएफ स्थिति: पूर्ण कार्य, स्थिति का उपयोग करने से परेशान क्यों: नए ब्राउज़र में तय? – xandy
@xandy: ब्राउज़र विंडो के संबंध में किसी ऑब्जेक्ट की स्थिति निश्चित है। निरपेक्ष तत्व युक्त तत्व –
@shawn के संबंध में किसी ऑब्जेक्ट की स्थिति है: मैंने आपका कोड देखा। div के अंदर छवि पर एआरआर कक्षा का उपयोग करने का प्रयास करें और div –
में समर्थित आप इसे एक div में डाल दिया जाना चाहिए और उसके बाद, अपनी छवि की कल्पना 500px चौड़ा है:
div.className{
position:absolute;
margin-left: -250px; /* very important for the image to be centered */
left:50%;
bottom:0px;
}
पुराना सवाल लेकिन यहाँ सबसे अच्छा समाधान मैं के साथ आया है। छवि को एक कंटेनर div में रखें, div स्क्रीन के नीचे स्थित है और छवि इसके अंदर केंद्रित है। Div में 100% की सेट चौड़ाई है ताकि छवि ठीक से केंद्र हो सके। के लिए छवि काम करने के लिए margin:auto;
display:table;
का उपयोग के साथ एक मेज तत्व के रूप में प्रदर्शित किया जाना चाहिए display:table;
मतलब है कि आप तत्व आप केंद्रित चाहते हैं कि करने के लिए एक निश्चित चौड़ाई सेट करने के लिए नहीं है।
<style>
.sticky-image-wrapper{
position: fixed;
bottom: 0;
width: 100%;
}
.sticky-image-wrapper img{
display: table;
position: relative;
margin: auto;
}
</style>
<div class="sticky-image-wrapper">
<img src="myimage.jpg" />
</di>
- 1. मैं स्क्रीन सेंटर में छवि कैसे प्रदर्शित कर सकता हूं?
- 2. मैं ImageView के नीचे एक छवि दृश्य के अंदर एक छवि को कैसे संरेखित कर सकता हूं?
- 3. मैं कैसे बता सकता हूं कि UIView दृश्यमान है और स्क्रीन पर?
- 4. मैं नीचे एक HTML स्क्रॉलबार कैसे शुरू कर सकता हूं?
- 5. जब मैं लपेटता हूं तब भी मैं बाएं संरेखित पाठ को कैसे केंद्रित कर सकता हूं?
- 6. मैं छवि वर्ग कैसे बढ़ा सकता हूं?
- 7. मैं पीआईएल के साथ एक छवि कैसे सहेज सकता हूं?
- 8. सीएसएस पाद लेख निश्चित चौड़ाई, स्क्रीन के नीचे, और केंद्रित
- 9. मैं स्क्रीन के नीचे UIView को कैसे ठीक कर सकता हूं?
- 10. मैं सी # में एक स्पलैश स्क्रीन कैसे जोड़ सकता हूं?
- 11. एमएस रिपोर्टिंग सेवा रिपोर्ट में मैं गतिशील रूप से एक छवि कैसे केंद्रित कर सकता हूं?
- 12. मैं एक विंडो (ओएसएक्स) हमेशा स्क्रीन के शीर्ष पर कैसे हो सकता हूं
- 13. मैं असेंबली में एक छवि कैसे स्थानांतरित कर सकता हूं?
- 14. मैं पर्ल के साथ स्क्रैप कैसे स्क्रीन कर सकता हूं?
- 15. मैं एक छवि को सामान्य कैसे बना सकता हूं?
- 16. मैं टर्मिनल में एक छवि कैसे प्रदर्शित कर सकता हूं?
- 17. मैं एक छवि को कैसे घुमा सकता हूं?
- 18. मैं क्यूटी में एक छवि कैसे फसल कर सकता हूं?
- 19. मैं छवि पर एक परत कैसे बना सकता हूं?
- 20. मैं जावा में एक छवि वॉटरमार्क कैसे कर सकता हूं?
- 21. मैं कवर के नीचे कैसे देख सकता हूं और देख सकता हूं कि HTML कैसे प्रदान किया जाता है?
- 22. मैं पीआईएल छवि से ओपनसीवी छवि कैसे बना सकता हूं?
- 23. मैं जावा कोड में एक मौजूदा लेआउट के भीतर एक छवि दृश्य कैसे बना सकता हूं?
- 24. मैं एक क्षैतिज रेखा कैसे खींच सकता हूं और इसे केन्द्रित कर सकता हूं?
- 25. मैं cocos2d में एक छोटा सीसीटीएमXTइलमैप कैसे केंद्रित कर सकता हूं?
- 26. मैं केकेपीएचपी में सत्र डेटा कैसे बना सकता हूं, लिख सकता हूं और पढ़ सकता हूं?
- 27. मैं छवि के नीचे सीधे पाठ को कैसे संरेखित कर सकता हूं?
- 28. मैं ReportLab छवि गुणवत्ता में सुधार कैसे कर सकता हूं?
- 29. मैं छवि शोर को माप सकता हूं
- 30. एंड्रॉइड, मैं एक निश्चित बिंदु के चारों ओर एक तीर (छवि) कैसे घुमा सकता हूं?
बाएं 50% इसे मेरे लिंक के लिए केंद्र में नहीं डालता है। परीक्षण- zone-51.blogspot.com – Shawn
ठीक है मैंने समस्या हल की है :) – Shawn
चूंकि आप यहां एक नया उपयोगकर्ता हैं, कृपया अपनी समस्या का हल होने पर स्वीकृत उत्तर के रूप में किसी समस्या के लिए सबसे अच्छा उत्तर चुनें। यह दूसरों को इंगित करने में मदद करता है समाधान जो आपके लिए काम करता है और उत्तर देने वालों को प्रतिष्ठा देता है –