फ्लेक्स शीर्षक Drupal होस्टिंग
दूसरी छवि में ऐसा लगता है कि आप छवि बॉक्स को भरने के लिए चाहते हैं, लेकिन उदाहरण आपके द्वारा बनाए पहलू अनुपात (पालतू जानवर सामान्य, पतली या वसा नहीं लग) रखता है।
मैं कोई सुराग नहीं है अगर आप उदाहरण के रूप में उन छवियों को photoshopped या दूसरे से एक है "यह कैसे किया जाना चाहिए" के रूप में अच्छी तरह से (आप आईएस ने कहा है, जबकि पहले उदाहरण आप ने कहा "चाहिए")
वैसे भी, मुझे लगता है के लिए है:
"छवियों पहलू राशन रखने नहीं बदला जाता है" अगर और तुम मुझे एक छवि है जो करता है पिक्सल के पहलू अनुपात रखना दिखाने के लिए, मैं तुम्हें "फसल" क्षेत्र के पहलू अनुपात (के भीतर पूरा करने के लिए कोशिश कर रहे हैं ग्रहण करने के लिए है हरा) छलबल पिक्सल के पहलू अनुपात रखते हुए। अर्थात। आप, छवि के साथ सेल को भरने के लिए विस्तार और चित्र को काटने से चाहते हैं।
अगर यह आपकी समस्या है, कोड आपके द्वारा दी गई प्रतिबिंबित नहीं करता "आपकी समस्या" है, लेकिन अपने शुरू कर उदाहरण।
पिछले दो मान्यताओं, अगर बॉक्स की ऊंचाई गतिशील है, लेकिन पृष्ठभूमि छवियों के साथ आपको क्या चाहिए वास्तविक चित्र के साथ पूरा किया नहीं किया जा सकता को देखते हुए। या तो का उपयोग कर "पृष्ठभूमि का आकार: में" द्वारा या इन तकनीकों (percents कि फसल को सीमित या अधिकतम कहीं भी आकार आप चाहते में स्मार्ट paddings): fofwebdesign.co.uk/template/_testing/scale-img/scale-img.htm
एक ही तरीका है यह हम अपने दूसरे iimage के बारे में भूल जाता है तो छवियों के साथ संभव है, और कोशिकाओं एक निश्चित ऊंचाई है, और सौभाग्य से, अपने नमूना छवियों से पहचानने, ऊंचाई ही रहता है!
इसलिए यदि आपके कंटेनर की ऊंचाई में परिवर्तन नहीं होता है, और आप अपने चित्रों वर्ग रखना चाहते हैं, तो आप सिर्फ के बॉक्स-आकार संपत्ति पर निर्भर करता है, कि ज्ञात मूल्य के लिए छवियों (ऋण paddings या सीमाओं की अधिकतम ऊंचाई सेट करने के लिए कोशिकाओं)
आपका कोड अमान्य है (खोलने टैग लोगों को बंद करने के बजाय हैं, इसलिए वे उत्पादन नेस्ट कोशिकाओं, नहीं भाई बहन, वह अपनी छवियों का एक स्क्रीनशॉट दोषपूर्ण कोड के अंदर इस्तेमाल किया, और फ्लेक्स बॉक्स एक कॉलम में कोशिकाओं लेकिन दोनों उदाहरण पकड़े नहीं है ( आप सेटअप "पंक्ति" लेकिन भ्रष्ट कोड एक दूसरे के अंदर सेल घोंसला बनाने से एक फ्लेक्स के अंदर एक फ्लेक्स में हुई, अंत में कॉलम के रूप में काम कर रहे। मुझे नहीं पता कि क्या आप पूरा करना चाहते थे, और कैसे आप उस कोड के साथ आया है, लेकिन मैं अनुमान लगा हूँ आप क्या चाहते हैं यह है।
इसलिए छवि केंद्रित हो जाता है, कोशिकाओं को भी फ्लेक्स (मुझे लगता है कि प्रदर्शन: यह सब मार्कअप के साथ साथ ही तालिका यहां इस्तेमाल किया जा सकता था) मैं प्रदर्शन जोड़ा
जैसे आप कैसे सवाल मेरे द्वारा उत्तर दिया गया की थोड़ी सी भी सुराग है यह प्रतीत नहीं होता। सभी एचटीएमएल और उस jsfiddle में सीएसएस क्या प्रश्नकर्ता (@confile) प्रदान की गई है है। बस सवाल पढ़ सकते हैं और आपको लगता है कि देखते हैं। मेरे समाधान सीएसएस img में से एक सरल रेखा है और प्रश्नकर्ता मेरा उत्तर स्वीकार कर लिया है साल एक साल पहले के रूप में यह समाधान है कि के लिए कहा गया था प्रदान करता है। काश तुम यहाँ सबसे अच्छा सब, सही ढंग से, धन्यवाद प्रश्नों को पढ़ने और फिर भविष्य में तदनुसार जवाब देने के लिए प्रयास करें। - ओमेगा जुलाई 21:16 पर 27 '15
तुम बहुत नया और सरल CSS4 सुविधा की कोशिश करना चाहते हो सकता है:
यह (जब आप पृष्ठभूमि चित्र चाल का उपयोग के रूप में) चित्र अनुपात को बरकरार रखता है, और मेरे मामले में एक ही मुद्दे के लिए अच्छी तरह से काम किया।