html - Justify images CSS -


इस सवाल का पहले से ही एक उत्तर है: < / P>

  • 8 जवाब

मैं 3 छवियों को सही ठहराना चाहता हूं , मैंने इससे पहले कभी ऐसा नहीं किया है इसलिए मुझे कोई सुराग नहीं है कि यह कैसे करना है। अब मैं थोड़ी गल गया और संपत्ति को "औचित्य" पाया, लेकिन मैंने देखा कि यह केवल पाठ के लिए ही काम करता है (मुझे सही करें अगर मैं ग़लत हूँ।)

लेकिन मैंने निम्नलिखित की कोशिश की।

HTML

<पूर्व> & lt; ul & gt; & Lt; li & gt; & lt; img class = "uspIconOntwerp" src = "चित्र / ontwerp-icon.png" / & gt; & lt; div वर्ग = "uspText" & gt; Ontwerp & lt; / div & gt; & lt; / li & gt; & Lt; li & gt; & lt; img class = "uspIconRealisatie" src = "चित्र / वास्तविकता-आइकन.png" / & gt; & lt; div class = "uspText" & gt; रियलसिटाई & lt; / div & gt; & lt; / li & gt; & Lt; li & gt; & lt; img class = "uspIconPrijs" src = "चित्र / prijs-icon.png" / & gt; & lt; div class = "uspText" & gt; बीटालबायर प्रिज & lt; / div & gt; & lt; / li & gt; & Lt; / ul & gt;

और मेरी सीएसएस

  उल {पाठ-संरेखण: औचित्य; }  

लेकिन यह (बिल्कुल) काम नहीं करता है।

क्या किसी के पास कोई सुराग है कि यह कैसे करना है?

ग्रंथों के संरेखण के रूप में संपत्ति को काम करने के लिए औचित्य बनाने के लिए आपको li आइटम इनलाइन-ब्लॉक तत्व इसे आज़माएं:

<पूर्व> उल {पाठ-संरेखण: औचित्य; } उल & gt; ली {प्रदर्शन: इनलाइन-ब्लॉक; } उल: के बाद {सामग्री: ''; प्रदर्शन: इनलाइन-ब्लॉक; चौड़ाई: 100%; }
< प्री क्लास = "स्निपेट-कोड-सीएसएस लैंग-सीएसएस टोपेप्रिंट-ओवरराइड"> * {मार्जिन: 0; पैडिंग: 0} उल {पृष्ठभूमि: लाल; पैडिंग: 40px; बॉक्स-आकार: सीमा-बॉक्स; पाठ संरेखित करें: जस्टिफाय; } उल & gt; ली {प्रदर्शन: इनलाइन-ब्लॉक; } उल: के बाद {सामग्री: ''; प्रदर्शन: इनलाइन-ब्लॉक; चौड़ाई: 100%; }
  और lt; ul id = "ग्रिड" & gt; & Lt; li & gt; & Lt; img class = "uspIconOntwerp" src = "चित्र / ontwerp-icon.png" / & gt; & Lt; div class = "uspText" & gt; Ontwerp & lt; / div & gt; & Lt; / li & gt; & Lt; li & gt; & Lt; img class = "uspIconRealisatie" src = "चित्र / वास्तविकता-आइकन.png" / & gt; & Lt; div class = "uspText" & gt; रियलसिटाई & lt; / div & gt; & Lt; / li & gt; & Lt; li & gt; & Lt; img class = "uspIconPrijs" src = "चित्र / prijs-icon.png" / & gt; & Lt; div class = "uspText" & gt; बीटालबायर प्राइज & lt; / div & gt; & Lt; / li & gt; & Lt; / ul & gt;  


ध्यान दें कि आपको के बाद छद्म-तत्व की आवश्यकता होगी बनाने के लिए वस्तुओं की वह रेखा एक संपूर्ण एक के रूप में काम करती है, जो कि कुछ उचित सामग्री पर अंतिम नहीं है।


Comments

Popular posts from this blog

HTML/CSS - Automatically set height width from background image? -

php - Mysql Show Process - Sleep Commands and what to do -

c - What is the address of buf (the local variable in the main function)? -