垂直对齐页面中的表(ASP.NET)
我有一个iFrame,它的源代码设置为另一个aspx页面 子aspx页面很简单,它只有一个包含两行两列的表(表中有两个标签和两个控件) 问题是居中。iFrame的高度为425 px。表(在子aspx页面中)没有那么高。它水平居中,问题是如何使它垂直居中。下面是一个俗气的图形表示: 改变这个垂直对齐页面中的表(ASP.NET),asp.net,center,Asp.net,Center,我有一个iFrame,它的源代码设置为另一个aspx页面 子aspx页面很简单,它只有一个包含两行两列的表(表中有两个标签和两个控件) 问题是居中。iFrame的高度为425 px。表(在子aspx页面中)没有那么高。它水平居中,问题是如何使它垂直居中。下面是一个俗气的图形表示: 改变这个 iFrame --------------- | ---- | | |Tb| | | ---- | | | | | -
iFrame
---------------
| ---- |
| |Tb| |
| ---- |
| |
| |
---------------
为此:
iFrame
---------------
| |
| ---- |
| |Tb| |
| ---- |
| |
---------------
当然,还有我现有的代码:
<table width="100%" height="100%" border=0 cellpadding=0 cellspacing=0>
<tr><td width="100%" height="100%" valign="middle">
<table style="margin:0 auto" cellpadding=0 cellspacing=0>
<tr>
<td class="style2">
Date:
</td>
<td class="style3">
<asp:TextBox ID="txtDate" runat="server"></asp:TextBox><asp:CalendarExtender CssClass="cal_Theme1" ID="CalendarExtender1"
runat="server" PopupButtonID="txtDate" TargetControlID="txtDate">
</asp:CalendarExtender>
</td>
</tr>
<tr>
<td class="style2">
</td>
<td class="style3">
</td>
</tr>
<tr>
<td class="style2">
Reasons:
</td>
<td class="style3">
<asp:ListBox ID="txtReasons" runat="server" Width="266px"
SelectionMode="Multiple"></asp:ListBox>
</td>
</tr>
<tr>
<td class="style2">
</td>
<td class="style3"><div align=right><br />
<asp:LinkButton ID="GetPolicy" runat="server" BackColor="#20548E"
BorderColor="#20548E" BorderStyle="Solid" Font-Names="Tahoma" Font-Size="Small"
Font-Underline="False" ForeColor="White" Height="16px" Width="85px"> <center>
Send To Batch</center></asp:LinkButton></div></td>
</tr>
</table>
</td></tr></table>
日期:
原因:
分批发送
有什么想法吗
谢谢
Jason您可以将iFrame的大小设置为足够小,以适合您的子页面。然后将iFrame对齐到页面上所需的任何位置。这样就很简单了 如果您希望您的子页面在垂直中心显示它的表,那么它应该是单独的表。它应该放在另一个容器中,也可以放在另一个表的td中 使用outter表的style属性填充整个页面。 设置桌子的样式,使其位于屏幕中央 试试这个代码
<html>
<body>
<table width="100%" height="100%">
<tr>
<td align="center" valign="middle">
<table align="center">
<tr>
<td valign="middle">
1,1</td>
</tr>
<tr>
<td>
1,2</td>
</tr>
<tr>
<td>
2,1</td>
</tr>
<tr>
<td>
2,2</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
1,1
1,2
2,1
2,2
您可以将iFrame的大小设置为足够小,以适合您的子页面。然后将iFrame对齐到页面上所需的任何位置。这样就很简单了
如果您希望您的子页面在垂直中心显示它的表,那么它应该是单独的表。它应该放在另一个容器中,也可以放在另一个表的td中
使用outter表的style属性填充整个页面。
设置桌子的样式,使其位于屏幕中央
试试这个代码
<html>
<body>
<table width="100%" height="100%">
<tr>
<td align="center" valign="middle">
<table align="center">
<tr>
<td valign="middle">
1,1</td>
</tr>
<tr>
<td>
1,2</td>
</tr>
<tr>
<td>
2,1</td>
</tr>
<tr>
<td>
2,2</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
1,1
1,2
2,1
2,2