다음을 통해 공유

HtmlImage.Align 속성

  • 참조

정의

네임스페이스:
System.Web.UI.HtmlControls
어셈블리:
System.Web.dll

다른 웹 페이지 요소에 상대적인 이미지 맞춤 방식을 가져오거나 설정합니다.

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

속성 값

String

다른 웹 페이지 요소에 상대적으로 이미지 맞춤 방식을 지정하는 문자열입니다.

예제

다음 코드 예제를 사용 하는 방법에 설명 합니다 Align 웹 페이지에서 이미지의 맞춤을 지정 하는 속성입니다.

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

다음 코드 예제에서는 웹 페이지의 이미지를 래핑하여 center 하는 방법에 설명 합니다 HtmlImage 사용 하 여 단락 태그 내에 컨트롤을 align 특성이로 설정 "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>

설명

웹 페이지의 다른 요소와 관련 하 여 이미지의 맞춤을 지정 하려면이 속성을 사용 합니다.

다음 표에서 가능한 값을 나타냅니다.

값 Description
left 이미지를 웹 페이지의 왼쪽에 맞춥니다.
센터 이미지를 웹 페이지의 가운데에 맞춥니다.
오른쪽 이미지를 웹 페이지의 오른쪽에 맞춥니다.
top 웹 페이지의 다른 요소는 이미지의 위쪽 가장자리에 정렬 됩니다.
중간 웹 페이지의 다른 요소는 이미지의 가운데에 맞춥니다.
아래쪽 웹 페이지의 다른 요소는 이미지의 아래쪽 가장자리에 정렬 됩니다.

참고

중심 값에 모든 브라우저에서 작동 하지 않을 수 있습니다. 이미지 가운데, 줄 바꿈 합니다 HtmlImage 있는 단락 태그 내에 컨트롤을 align 특성이로 설정 "center" (<p align= "center">).

적용 대상