Sdílet prostřednictvím

HtmlImage.Align Vlastnost

Definice

Obor názvů:
System.Web.UI.HtmlControls
Sestavení:
System.Web.dll

Získá nebo nastaví zarovnání obrázku vzhledem k jiným prvkům webové stránky.

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

Hodnota vlastnosti

String

Řetězec, který určuje zarovnání obrázku vzhledem k jiným prvkům webové stránky.

Příklady

Následující příklad kódu ukazuje použití Align vlastnosti k určení zarovnání obrázku na webové stránce.

<%@ 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>

Následující příklad kódu ukazuje, jak zacentrovat obrázek na webové stránce zabalením HtmlImage ovládacího prvku uvnitř značky odstavce s atributem nastaveným align na "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>

Poznámky

Tato vlastnost slouží k určení zarovnání obrázku s ohledem na jiné prvky na webové stránce.

Následující tabulka představuje možné hodnoty.

Hodnota Description
vlevo Obrázek je zarovnaný na levé straně webové stránky.
střed Obrázek je zarovnaný uprostřed webové stránky.
Vpravo Obrázek je zarovnaný na pravé straně webové stránky.
top Další prvky na webové stránce jsou zarovnané s horním okrajem obrázku.
prostřední Další prvky na webové stránce jsou zarovnané doprostřed obrázku.
Dolní části Další prvky na webové stránce jsou zarovnané s dolním okrajem obrázku.

Poznámka:

Středová hodnota nemusí fungovat ve všech prohlížečích. Pokud chcete obrázek zacentrovat, zalomte HtmlImage ovládací prvek uvnitř značek odstavců, které obsahují align atribut nastavený na "center" (<p align= "center">).

Platí pro