Freigeben über


HtmlTableRow.VAlign-Eigenschaft

Ruft die vertikale Ausrichtung des Inhalts der Zellen in einer Zeile eines HtmlTable-Steuerelements ab oder legt diese fest.

Namespace: System.Web.UI.HtmlControls
Assembly: System.Web (in system.web.dll)

Syntax

'Declaration
Public Property VAlign As String
'Usage
Dim instance As HtmlTableRow
Dim value As String

value = instance.VAlign

instance.VAlign = value
public string VAlign { get; set; }
public:
property String^ VAlign {
    String^ get ();
    void set (String^ value);
}
/** @property */
public String get_VAlign ()

/** @property */
public void set_VAlign (String value)
public function get VAlign () : String

public function set VAlign (value : String)

Eigenschaftenwert

Die vertikale Ausrichtung des Inhalts der Zellen in einer Zeile eines HtmlTable-Steuerelements. Der Standardwert ist String.Empty und gibt an, dass diese Eigenschaft nicht festgelegt ist.

Hinweise

Geben Sie mit der VAlign-Eigenschaft die vertikale Ausrichtung des Inhalts der Zellen in einer Zeile eines HtmlTable-Steuerelements an.

Hinweis

Das Festlegen dieser Eigenschaft wirkt sich auf alle Zellen in einer Zeile der Tabelle aus, die durch eine Instanz der HtmlTableRow-Klasse dargestellt wird. Zum Anwenden eines Ausrichtungsattributs auf eine einzelne Zelle einer Zeile legen Sie die VAlign-Eigenschaft für diese Zelle fest.

In der folgenden Tabelle sind die Werte aufgeführt, die für diese Eigenschaft verwendet werden können.

Wert

Beschreibung

Top

Richtet den Inhalt einer Zelle am oberen Rand der Zelle aus.

Middle

Richtet den Inhalt einer Zelle in der Mitte der Zelle aus.

Bottom

Richtet den Inhalt einer Zelle am unteren Rand der Zelle aus.

Hinweis

Sie können auch BaseLine als Wert für diese Eigenschaft verwenden. Jedoch wird diese Feature nicht von allen Browsern unterstützt.

Beispiel

Im folgenden Codebeispiel wird veranschaulicht, wie mit der VAlign-Eigenschaft die vertikale Ausrichtung des Inhalts der Zellen in einer ganzen Zeile festgelegt wird.

<%@ Page Language="VB" AutoEventWireup="True" %>

<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>
<head>
   <title>HtmlTableRow Example</title>
</head>
<body>

   <form runat="server">

      <h3>HtmlTableRow Example</h3>

      <table id="Table1" 
             border="1" 
             bordercolor="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 width="100" height="100">
               Here is some content for Cell 3.
            </td>
            <td 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>Left</option>
         <option value="Center">Center</option>
         <option value="Right">Right</option>
        
      </select>

      &nbsp;&nbsp;

      VAlign:
      <select id="VAlignSelect" 
              runat="server">

         <option value="Top">Top</option>
         <option value="Middle" 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" %>

<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>
<head>
   <title>HtmlTableRow Example</title>
</head>
<body>

   <form runat="server">

      <h3>HtmlTableRow Example</h3>

      <table id="Table1" 
             border="1" 
             bordercolor="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 width="100" height="100">
               Here is some content for Cell 3.
            </td>
            <td 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>Left</option>
         <option value="Center">Center</option>
         <option value="Right">Right</option>
        
      </select>

      &nbsp;&nbsp;

      VAlign:
      <select id="VAlignSelect" 
              runat="server">

         <option value="Top">Top</option>
         <option value="Middle" 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="JScript" AutoEventWireup="True" %>

<script runat="server">

  function Button_Click(sender, e : EventArgs) 
  {

    // Iterate through the rows of the table.
    for (var i : int =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>
<head>
   <title>HtmlTableRow Example</title>
</head>
<body>

   <form runat="server">

      <h3>HtmlTableRow Example</h3>

      <table id="Table1" 
             border="1" 
             bordercolor="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 width="100" height="100">
               Here is some content for Cell 3.
            </td>
            <td 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>Left</option>
         <option value="Center">Center</option>
         <option value="Right">Right</option>
        
      </select>

      &nbsp;&nbsp;

      VAlign:
      <select id="VAlignSelect" 
              runat="server">

         <option value="Top">Top</option>
         <option value="Middle" 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>

Plattformen

Windows 98, Windows 2000 SP4, Windows Server 2003, Windows XP Media Center Edition, Windows XP Professional x64 Edition, Windows XP SP2, Windows XP Starter Edition

.NET Framework unterstützt nicht alle Versionen sämtlicher Plattformen. Eine Liste der unterstützten Versionen finden Sie unter Systemanforderungen.

Versionsinformationen

.NET Framework

Unterstützt in: 2.0, 1.1, 1.0

Siehe auch

Referenz

HtmlTableRow-Klasse
HtmlTableRow-Member
System.Web.UI.HtmlControls-Namespace
HtmlTableRow.BgColor-Eigenschaft
HtmlTableRow.BorderColor-Eigenschaft
HtmlTableRow.Height-Eigenschaft
HtmlTableRow.Align-Eigenschaft
HtmlTableRow.VAlign-Eigenschaft

Weitere Ressourcen

HTML-Serversteuerelemente