HtmlImage.Height 属性
定义
重要
一些信息与预发行产品相关,相应产品在发行之前可能会进行重大修改。 对于此处提供的信息,Microsoft 不作任何明示或暗示的担保。
获取或设置图像的高度。
public:
property int Height { int get(); void set(int value); };
public int Height { get; set; }
member this.Height : int with get, set
Public Property Height As Integer
属性值
图像的高度。
示例
下面的代码示例演示如何使用 Height 属性以编程方式修改显示的图像的高度。
<%@ 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>
<script language="C#" runat="server">
void Button_Click1(object sender, EventArgs e)
{
Image1.Height=500;
Image1.Width=1000;
}
void Button_Click2(object sender, EventArgs e)
{
Image1.Height=226;
Image1.Width=500;
}
</script>
</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" />
<br /><br />
<button id="Button1"
onserverclick="Button_Click1"
runat="server">
Zoom Image
</button>
<button id="Button2"
onserverclick="Button_Click2"
runat="server">
Normal Size
</button>
</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>
<script language="VB" runat="server">
Sub Button_Click1(sender As Object, e As EventArgs)
Image1.Height = 500
Image1.Width = 1000
End Sub 'Button_Click1
Sub Button_Click2(sender As Object, e As EventArgs)
Image1.Height = 226
Image1.Width = 500
End Sub 'Button_Click2
</script>
</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" />
<br /><br />
<button id="Button1"
onserverclick="Button_Click1"
runat="server">
Zoom Image
</button>
<button id="Button2"
onserverclick="Button_Click2"
runat="server">
Normal Size
</button>
</form>
</body>
</html>
注解
Height可以使用两种方式和Width属性。 可以使用 Height 和 Width 属性将图像大小规范发送到浏览器。 这会更快地显示网页,因为浏览器不需要在加载图像时重新计算页面上元素的位置。
还可以使用 Height 和 Width 属性缩放图像。 使用不同于图像物理大小的值时,会相应地调整图像大小。 但是,不建议使用此方法缩放图像,因为页面显示它所需的时间更长。 而是将图像物理大小调整为所需的大小。
默认情况下, Height 该属性以像素表示,但它也可以表示为窗口大小的百分比。