Freigeben über


HtmlImage.Align Eigenschaft

Definition

Ruft die Ausrichtung des Bilds relativ zu anderen Webseitenelementen ab oder legt diese fest.

public:
 property System::String ^ Align { System::String ^ get(); void set(System::String ^ value); };
public string Align { get; set; }
member this.Align : string with get, set
Public Property Align As String

Eigenschaftswert

Eine Zeichenfolge, die die Ausrichtung des Bilds relativ zu anderen Webseitenelementen angibt.

Beispiele

Im folgenden Codebeispiel wird veranschaulicht, wie die Align Eigenschaft verwendet wird, um die Ausrichtung eines Bilds auf einer Webseite anzugeben.

<%@ Page Language="C#" AutoEventWireup="True" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
 <head>
    <title>HtmlImage Example</title>
</head>
 
 <body>
 
    <form id="form1" runat="server">
 
       <h3>HtmlImage Example</h3>
     
       <img id ="Image1"
            src="Image1.jpg"
            alt="Image 1"
            runat="server"
            style="width:500; height:226; border:5; text-align:center" />
    
    </form>
 
 </body>
 </html>
<%@ Page Language="VB" AutoEventWireup="True" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
 <head>
    <title>HtmlImage Example</title>
</head>
 
 <body>
 
    <form id="form1" runat="server">
 
       <h3>HtmlImage Example</h3>
     
       <img id ="Image1"
            src="Image1.jpg"
            alt="Image 1"
            runat="server"
            style="width:500; height:226; border:5; text-align:center" />
    
    </form>
 
 </body>
 </html>

Im folgenden Codebeispiel wird veranschaulicht, wie ein Bild auf der Webseite zentriert wird, indem das Steuerelement innerhalb von HtmlImage Absatztags umgebrochen wird, auf das das align Attribut festgelegt ist "center".

<%@ Page Language="C#" AutoEventWireup="True" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
 <head>
    <title>HtmlImage Example</title>
</head>
 
 <body>
 
    <form id="form1" runat="server">
 
       <h3>HtmlImage Example</h3>
 
       <p style="text-align:center">
     
       <img id ="Image1"
            src="Image1.jpg"
            alt="Image 1"
            runat="server"
            style="width:500; height:226; border:5; text-align:center" />
 
       </p>
 
    </form>
 
 </body>
 </html>
<%@ Page Language="VB" AutoEventWireup="True" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
 <head>
    <title>HtmlImage Example</title>
</head>
 
 <body>
 
    <form id="form1" runat="server">
 
       <h3>HtmlImage Example</h3>
 
       <p style="text-align:center">
     
       <img id ="Image1"
            src="Image1.jpg"
            alt="Image 1"
            runat="server"
            style="width:500; height:226; border:5; text-align:center" />
 
       </p>
 
    </form>
 
 </body>
 </html>

Hinweise

Verwenden Sie diese Eigenschaft, um die Ausrichtung des Bilds in Bezug auf andere Elemente auf der Webseite anzugeben.

Die folgende Tabelle stellt die möglichen Werte dar.

Wert Beschreibung
Linker Join Das Bild wird auf der linken Seite der Webseite ausgerichtet.
Center Das Bild wird in der Mitte der Webseite ausgerichtet.
Rechts Das Bild wird auf der rechten Seite der Webseite ausgerichtet.
top Andere Elemente auf der Webseite werden am oberen Rand des Bilds ausgerichtet.
Mitte Andere Elemente auf der Webseite werden an der Mitte des Bilds ausgerichtet.
Unteres Andere Elemente auf der Webseite werden am unteren Rand des Bilds ausgerichtet.

Hinweis

Der Mittelwert funktioniert möglicherweise nicht auf allen Browsern. Um ein Bild zu zentrieren, umschließen Sie das HtmlImage Steuerelement in Absatztags, die das align Attribut enthalten, auf "center" (<p align= "center">).

Gilt für: