Gets or sets the vertical alignment of the content in the cells of a row in an HtmlTable control.
Assembly: System.Web (in System.Web.dll)
Public Property VAlign As String
Get
Setpublic string VAlign { get; set; }public:
property String^ VAlign {
String^ get ();
void set (String^ value);
}member VAlign : string with get, set
<asp:HtmlTableRow VAlign="String" />Property Value
Type: SystemThe vertical alignment of the content in the cells of a row in an HtmlTable control. The default value is String
Use the VAlign property to specify the vertical alignment of the content in the cells of a row in an HtmlTable control.
.gif) Note |
|---|
Setting this property affects all cells in a row of a table represented by an instance of the HtmlTableRow class. To apply an alignment attribute to a single cell of a row, set the VAlign property for that cell. |
The following table lists the values that can be used for this property.
Value | Description |
|---|---|
Top | Aligns the contents of a cell with the upper edge of the cell. |
Middle | Aligns the contents of a cell in the center of the cell. |
Bottom | Aligns the contents of a cell with the lower edge of the cell. |
| Note |
|---|
You can also use BaseLine as a value for this property. However, not all browsers support this feature. |
The following code example demonstrates how to use the VAlign property to control the vertical alignment of the contents of the cells in an entire row.
<%@ 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">
<script runat="server">
Sub Button_Click(ByVal sender As Object, ByVal e As EventArgs)
Dim i As Integer
' Iterate through the rows of the table.
For i = 0 To Table1.Rows.Count - 1
' Update the properties of each row.
Table1.Rows(i).Align = AlignSelect.Value
Table1.Rows(i).VAlign = VAlignSelect.Value
Next i
End Sub
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>HtmlTableRow Example</title>
</head>
<body>
<form id="form1" runat="server">
<h3>HtmlTableRow Example</h3>
<table id="Table1"
style="border-width:1; border-color:Black"
runat="server">
<tr>
<td>
Here is some content for Cell 1.
</td>
<td>
Here is some content for Cell 2.
</td>
</tr>
<tr>
<td style="width:100; height:100">
Here is some content for Cell 3.
</td>
<td style="width:100; height:100">
Here is some content for Cell 4.
</td>
</tr>
</table>
<hr />
Select the display settings for the cells in the table: <br /><br />
Align:
<select id="AlignSelect"
runat="server">
<option value="Left" selected="selected">Left</option>
<option value="Center">Center</option>
<option value="Right">Right</option>
</select>
VAlign:
<select id="VAlignSelect"
runat="server">
<option value="Top">Top</option>
<option value="Middle" selected="selected">Middle</option>
<option value="Bottom">Bottom</option>
</select>
<br /><br />
<input type="button"
value="Generate Table"
onserverclick="Button_Click"
runat="server"/>
</form>
</body>
</html>
<%@ 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">
<script runat="server">
void Button_Click(Object sender, EventArgs e)
{
// Iterate through the rows of the table.
for (int i = 0; i <= Table1.Rows.Count - 1; i++)
{
// Update the properties of each row.
Table1.Rows[i].Align = AlignSelect.Value;
Table1.Rows[i].VAlign = VAlignSelect.Value;
}
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>HtmlTableRow Example</title>
</head>
<body>
<form id="form1" runat="server">
<h3>HtmlTableRow Example</h3>
<table id="Table1"
style="border-width:1; border-color:Black"
runat="server">
<tr>
<td>
Here is some content for Cell 1.
</td>
<td>
Here is some content for Cell 2.
</td>
</tr>
<tr>
<td style="width:100; height:100">
Here is some content for Cell 3.
</td>
<td style="width:100; height:100">
Here is some content for Cell 4.
</td>
</tr>
</table>
<hr />
Select the display settings for the cells in the table: <br /><br />
Align:
<select id="AlignSelect"
runat="server">
<option value="Left" selected="selected">Left</option>
<option value="Center">Center</option>
<option value="Right">Right</option>
</select>
VAlign:
<select id="VAlignSelect"
runat="server">
<option value="Top">Top</option>
<option value="Middle" selected="selected">Middle</option>
<option value="Bottom">Bottom</option>
</select>
<br /><br />
<input type="button"
value="Generate Table"
onserverclick="Button_Click"
runat="server"/>
</form>
</body>
</html>
Windows 7, Windows Vista SP1 or later, Windows XP SP3, Windows XP SP2 x64 Edition, Windows Server 2008 (Server Core not supported), Windows Server 2008 R2 (Server Core supported with SP1 or later), Windows Server 2003 SP2
The .NET Framework does not support all versions of every platform. For a list of the supported versions, see .NET Framework System Requirements.