मैं इस एचटीएमएल है:सीएसएस में दो कॉलम के बीच एक छवि को कैसे केन्द्रित करें?
<div>
<img class="image">
<p class="text"></p>
</div>
मैं अपने पाठ dinamically दो कॉलम में विभाजित किया जा करना चाहते हैं, तो मैं column-count
संपत्ति का उपयोग कर रहा:
p.text
{
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
मैं भी बीच छवि केंद्रित करने के लिए चाहते हैं दो कॉलम, चौड़ाई और ऊंचाई में, ताकि मैं इस आशय प्राप्त:
आप कार्य को कैसे पूरा करेंगे?
यह काम केवल सीएसएस के साथ किया पाने के लिए संभव है?
यदि नहीं, तो वहाँ जावास्क्रिप्ट के साथ यह करने के लिए, column-count
संपत्ति रखने के लिए एक रास्ता है?
IE9 संगत या सिर्फ आधुनिक ब्राउज़रों ठीक? – Jay
आधुनिक ब्राउज़रों के लिए एक समाधान केवल ठीक रहेगा। – pr0gma
सीएसएस आकार/क्षेत्र/प्रवाह के अलावा सीएसएस के साथ AFAIK संभव नहीं है और वे अभी भी प्रयोगात्मक हैं। –