सीएसएस में एचटीएमएल का "<img align=top>"?

Question

मैं कैसे अनुकरण

<img align='top' src='huge_image.jpg'> 
<span>I start at the top right corner of the image!</span> 

सीएसएस में

करते हैं?

शायद यह शर्मनाक रूप से सरल है, लेकिन मुझे वास्तव में पता नहीं है।

Answer 1

यह आपके तत्वों के कंटेनर पर निर्भर करता है। vertical-align सीएसएस संपत्ति बिल्कुल valign विशेषता पर मैप नहीं करती है। मैं सीएसएस के साथ इसे प्राप्त करने के तरीके के बारे में एक स्पष्टीकरण के लिए इस लिंक को जांचने की सलाह देता हूं। http://phrogz.net/CSS/vertical-align/index.html

Answer 2

संपादित करें:

मुझे लगता है कि आप अवधि छवि के साथ इनलाइन होना चाहता हूँ। तो प्रदर्शित करें: इनलाइन को अवधि को दाईं ओर ले जाना चाहिए।

और

vertical-align:text-top शीर्ष करने के लिए छवि बढ़ना चाहिए।

Answer 3

मुझे लगता है कि आप vertical-align सीएसएस संपत्ति की तलाश में हैं।

<img style="vertical-align: top;" alt="blah" src="blah.jpg" /> 

आदर्श रूप में आप इसे सीधे <img> टैग पर तमाचा नहीं होगा, लेकिन बजाय एक CSS वर्ग का उपयोग करें।

Answer 4

float: left यह इस तरह img तत्व अवधि के बाईं ओर हो जाएगा कि स्थिति होगी, लेकिन लंबवत संरेखण मुद्दा (नीचे सही ऊपरी दाएँ बनाम पर काल) की वजह से align="top" को दोहराने के लिए यदि आप चाहते हैं, तो style="vertical-align: top;" कोशिश

Answer 5

<style="text/css"> 

.top_aligned_image {vertical-align: top; /* or text-top, I can't remember for sure which works better */} 

</style> 

<img class="top_aligned_image" src='huge_image.jpg' /><span>I start at the top right corner of the image!</span> 

इसे करना चाहिए।