Beispiel
Ausrichten eines Bildes in der Mitte eines Text:
<p>This is some text. <img src="smiley.gif" alt="Smiley face" align="middle"> This is some text.</p>
Versuch es selber " Definition und Verwendung
Das align Attribut gibt die Ausrichtung eines Bildes entsprechend dem umgebenden Element.
Das <img> Element ist ein Inline - Element (es wird keine neue Zeile auf einer Seite einfügen), was bedeutet , dass Text und andere Elemente um ihn herum wickeln kann. Daher kann es sinnvoll sein, die Ausrichtung des Bildes zu spezifizieren gemäß umgebenden Elementen.
Browser-Unterstützung
| Attribut | |||||
|---|---|---|---|---|---|
| align | ja | ja | ja | ja | ja |
Das align Attribut ist veraltet, aber immer noch in allen gängigen Browsern unterstützt.
Hinweise zur Kompatibilität
Das align Attribut des <img> ist nicht in HTML5 unterstützt. Verwenden Sie CSS statt.
Für das Bild Mitte, oben oder unten Verwendung der CSS - Eigenschaft ausrichten vertical-align .
Für das Bild links ausrichten oder rechts , um die CSS - Eigenschaft float .
Syntax
<img align="left|right|middle|top|bottom">
Werte Attribut
| Wert | Beschreibung |
|---|---|
| left | Richten des Bildes nach links |
| right | Richten des Bildes nach rechts, |
| middle | Richten Sie das Bild in der Mitte |
| top | Richten Sie das Bild an der Spitze |
| bottom | Richten Sie das Bild an der Unterseite |