HtmlTableCell.VAlign Eigenschap
Definitie
Belangrijk
Bepaalde informatie heeft betrekking op een voorlopige productversie die aanzienlijk kan worden gewijzigd voordat deze wordt uitgebracht. Microsoft biedt geen enkele expliciete of impliciete garanties met betrekking tot de informatie die hier wordt verstrekt.
Hiermee haalt u de verticale uitlijning op voor de inhoud van een cel die wordt vertegenwoordigd door een exemplaar van de HtmlTableCell klasse.
public:
property System::String ^ VAlign { System::String ^ get(); void set(System::String ^ value); };public string VAlign { get; set; }member this.VAlign : string with get, setPublic Property VAlign As StringWaarde van eigenschap
De verticale uitlijning voor de inhoud van een cel die wordt vertegenwoordigd door een exemplaar van HtmlTableCell. De standaardwaarde is Empty, wat aangeeft dat deze eigenschap niet is ingesteld.
Voorbeelden
In het volgende codevoorbeeld ziet u hoe u de VAlign eigenschap gebruikt om de verticale uitlijning van de inhoud van de cellen in een HtmlTable besturingselement programmatisch te beheren.
<%@ 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++)
{
// Iterate through the cells of a row.
for (int j = 0; j <= Table1.Rows[i].Cells.Count - 1; j++)
{
// Update the properties of each cell.
Table1.Rows[i].Cells[j].Align = AlignSelect.Value;
Table1.Rows[i].Cells[j].NoWrap = Convert.ToBoolean(NoWrapSelect.Value);
Table1.Rows[i].Cells[j].VAlign = VAlignSelect.Value;
}
}
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>HtmlTableCell Example</title>
</head>
<body>
<form id="form1" runat="server">
<h3>HtmlTableCell Example</h3>
<table id="Table1" runat="server"
style="border-width: 1; border-color: Black">
<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>
NoWrap:
<select id="NoWrapSelect"
runat="server">
<option value="true">True</option>
<option value="false" selected="selected">False</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="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
Dim j As Integer
' Iterate through the rows of the table.
For i = 0 To Table1.Rows.Count - 1
' Iterate through the cells of a row.
For j = 0 To Table1.Rows(i).Cells.Count - 1
' Update the properties of each cell.
Table1.Rows(i).Cells(j).Align = AlignSelect.Value
Table1.Rows(i).Cells(j).NoWrap = Convert.ToBoolean(NoWrapSelect.Value)
Table1.Rows(i).Cells(j).VAlign = VAlignSelect.Value
Next j
Next i
End Sub
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>HtmlTableCell Example</title>
</head>
<body>
<form id="form1" runat="server">
<h3>HtmlTableCell Example</h3>
<table id="Table1" runat="server"
style="border-width: 1; border-color: Black">
<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>
NoWrap:
<select id="NoWrapSelect"
runat="server">
<option value="true">True</option>
<option value="false" selected="selected">False</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>
Opmerkingen
Gebruik de VAlign eigenschap om de verticale uitlijning van de inhoud in een cel op te geven die wordt vertegenwoordigd door een exemplaar van de HtmlTableCell klasse.
Note
Het instellen van deze eigenschap is alleen van invloed op de cel die wordt vertegenwoordigd door een exemplaar van de HtmlTableCell klasse. Als u dezelfde verticale uitlijning wilt toepassen op de cellen van een hele rij in de tabel, stelt u de VAlign eigenschap van de rij in die wordt vertegenwoordigd door een exemplaar van de HtmlTableRow klasse.
De volgende tabel bevat de waarden die voor deze eigenschap kunnen worden gebruikt.
| Value | Description |
|---|---|
Top |
Hiermee wordt de inhoud van een cel uitgelijnd met de bovenrand van de cel. |
Middle |
Hiermee wordt de inhoud van een cel in het midden van de cel uitgelijnd. |
Bottom |
Hiermee wordt de inhoud van een cel uitgelijnd met de onderrand van de cel. |
Note
U kunt deze eigenschap ook gebruiken BaseLine als een waarde. Niet alle browsers ondersteunen deze functie echter.