कैसे एक छवि

हाय के बीच पर पाठ डाल करने के लिए मैं एक छवि पर कुछ पाठ केंद्रित करने के लिए तो यह इस तरह दिखता है कोशिश कर रहा हूँ सीएसएस का उपयोग करना।कैसे एक छवि

<div> 
------- 
|P | 
| I | This is some text. 
| C| 
------- 
</div>

मैं उस परिणाम को कैसे प्राप्त कर सकता हूं? पता नहीं है कि क्या मदद करता है, छवि 32x32 पिक्सेल है।

स्रोत

2011-01-02 afarazit

img { vertical-align: middle; }

कोशिश करते हैं और

<div> 
<img alt="…" src="…" height="32" width="32"> This is some text. 
</div>

स्रोत

2011-01-02 22:39:03 Quentin

किया यही कारण है कि यह अच्छा और आसान :) – afarazit

छवि एक पृष्ठभूमि हो सकता है? (हालांकि आप शायद एक अधिक विशिष्ट चयनकर्ता चाहता हूँ) यदि हां, तो

<div style="line-height: 32px; padding-left: 32px; background: url('PIC');">This is some text</div>

स्रोत

2011-01-02 22:38:49 Soumya

सीएसएस संपत्ति (छवि पर) vertical-align:middle;

तो बीच का प्रयोग करें बिल, प्रयोग फिट नहीं है यह देखने के लिए कि आपके फ़ॉन्ट-फेस और फ़ॉन्ट-आकार के साथ क्या काम करता है।

यहाँ full list of values

स्रोत

2011-01-02 22:41:59

@Alex आपका जवाब डेविड की तरह सही है – afarazit

मैं div होगा है अपनी छवि के रूप में पृष्ठभूमि तो, यह केंद्र अपना पाठ लिखें और उसे नीचे ले जाता है और यह पूरी तरह से केंद्र के लिए कुछ गद्दी या मार्जिन जोड़ने की है।

उदा

div  { 
    width:32px; 
    height:21px; 
    padding-top:11px; 
    text-align:centre; 
    font-size:10px; 
    background:url(yourImageURL) no-repeat; 
}

तुम सिर्फ सही verticle केंद्र

स्रोत

2011-01-02 22:42:45 brenjp