HtmlTableCell.VAlign Propriedade
Definição
Importante
Algumas informações se referem a produtos de pré-lançamento que podem ser substancialmente modificados antes do lançamento. A Microsoft não oferece garantias, expressas ou implícitas, das informações aqui fornecidas.
Obtém ou define o alinhamento vertical do conteúdo de uma célula representada por uma instância da classe HtmlTableCell.
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 StringValor da propriedade
O alinhamento vertical para o conteúdo de uma célula representada por uma instância do HtmlTableCell. O valor padrão é Empty, que indica que essa propriedade não está definida.
Exemplos
O exemplo de código a seguir demonstra como usar a VAlign propriedade para controlar programaticamente o alinhamento vertical do conteúdo das células em um HtmlTable controle .
<%@ 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>
Comentários
Use a VAlign propriedade para especificar o alinhamento vertical do conteúdo em uma célula representada por uma instância da HtmlTableCell classe .
Observação
Definir essa propriedade afeta apenas a célula representada por uma instância da HtmlTableCell classe . Para aplicar o mesmo alinhamento vertical às células de uma linha inteira na tabela, defina a VAlign propriedade da linha representada por uma instância da HtmlTableRow classe .
A tabela a seguir lista os valores que podem ser usados para essa propriedade.
| Valor | Descrição |
|---|---|
Top |
Alinha o conteúdo de uma célula com a borda superior da célula. |
Middle |
Alinha o conteúdo de uma célula no centro da célula. |
Bottom |
Alinha o conteúdo de uma célula com a borda inferior da célula. |
Observação
Você também pode usar BaseLine como um valor para essa propriedade. No entanto, nem todos os navegadores dão suporte a esse recurso.
