HTML "<img align=top>" in CSS?

Question

Wie kann ich emulieren

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

in CSS?

Vielleicht ist es peinlich einfach, aber ich weiß es wirklich nicht.

Answer 1

Es hängt vom Behälter Ihrer Elemente ab. Die CSS-Eigenschaft vertical-align wird nicht genau dem valign-Attribut zugeordnet. Ich empfehle, diesen Link zu überprüfen, um zu erfahren, wie dies mit CSS erreicht werden kann. http://phrogz.net/CSS/vertical-align/index.html

Answer 2

edit:

Ich glaube, Sie die Spanne wollen mit dem Bild inline sein. Also Anzeige: Inline sollte die Spanne nach rechts verschieben.

und

vertical-align:text-top sollte das Bild nach oben bewegen.

Answer 3

Ich denke, Sie suchen nach der vertical-align CSS-Eigenschaft.

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

Idealerweise würde man nicht einfach schlagen direkt auf den <img> Tag, sondern eine CSS-Klasse verwenden.

Answer 4

float: left wird positioniert es, so dass das Element img links von der Spannweite sein, aber wenn Sie wollen, align="top" replizieren aufgrund der vertikalen Ausrichtung Ausgabe (Spanne rechts unten gegen oben rechts), dann versuchen 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> 

Sollte es tun.