如何縮小ASPX頁面
[英]How to shrink the ASPX page
問題描述
我正在VS 2008中開發C＃/ ASP.NET Web應用程序。當前此頁面太高。 這些按鈕顯示在頂部，然后這些按鈕與resultLabel文本之間有很大的間隙。 以下代碼來自我的ASPX文件。 我嘗試切換到該文件的“設計”選項卡並手動移動此標簽，但是仍然存在很大差距。 我敢肯定這很簡單。 我該如何糾正？
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DataMatch.aspx.cs" Inherits="AddFileToSQL.DataMatch" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title></title>
<style type="text/css">
</style>
<script language="javascript" type="text/javascript">
</script>
</head>
<body>
<form id="Form1" method="post" runat="server">
<table width="50%" >
<tr>
</tr>
<tr align="center">
<td align="center" valign="top">
<asp:placeholder runat="server" id="phTextBoxes"></asp:placeholder>
</td>
<td colspan="2">
<asp:Label ID="Instructions" runat="server" Font-Italic="True"
Text="Now select from the dropdownlists which table columns from my database you want to map these fields to"></asp:Label>
</td>
<td align="center" colspan="2" >
<asp:button id="btnSubmit" runat="server" text="Submit" width="150px" style="top:auto; left:auto"
OnClick="btnSubmit_Click" top="100px"></asp:button>
</td>
</tr>
<asp:panel id="pnlDisplayData" runat="server" visible="False">
<tr>
<td colspan="2" align="center" valign="top">
<asp:literal id="lTextData" runat="server"></asp:literal>
</td>
</tr></asp:panel>
</table>
<table align="center"><tr>
<td style="text-align: center;width: 300px;">
<asp:Label ID="resultLabel" runat="server" style="position:absolute; text-align:center;"
Visible="False"></asp:Label>
</td></tr></table>
<p>
</p>
</form>
</body>
</html>
5 個解決方案
解決方案1
0 2010-04-15 03:10:14
原因是因為您有一些內聯CSS。
去除：
top:148px;
以及可選的：
left: 155px;
解決方案2
0 2010-04-15 03:10:19
減少或刪除asp：Label中的“頂部”標簽
<asp:Label ID="resultLabel" runat="server" style="position:absolute; text-align:center; top:148px; left: 155px;" Visible="False"></asp:Label>
解決方案3
0 2010-04-15 04:38:03
我不確定如何將這兩個表相對放置，但是嘗試將border =“ 1”添加到表標簽中以查看表和單元格正在發生什么。
解決方案4
0 2010-04-15 18:04:07
我不確定您希望最終結果是什么樣子，所以我不知道為什么需要兩個表。 這對您有用嗎？ 我添加了自己的文本，並將所有控件打開到可見狀態，以查看它們最終在屏幕上的位置。
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
<title></title>
<style type="text/css">
</style>
<script language="javascript" type="text/javascript">
</script>
</head>
<body>
<form id="Form1" method="post" runat="server">
<table >
<tr>
<td>
<asp:placeholder runat="server" id="Placeholder1"></asp:placeholder>
</td>
<td>
<asp:Label ID="Label1" runat="server" Font-Italic="True"
Text="Now select from the dropdownlists which table columns from my database you want to map these fields to"></asp:Label>
</td>
<td>
<asp:button id="Button1" runat="server" text="Submit" width="150px"></asp:button>
</td>
<td>
<asp:Label ID="Label2" runat="server" Visible="true" Text="result"></asp:Label>
</td>
</tr>
<tr>
<asp:panel id="Panel1" runat="server" visible="true">
<td>
<asp:literal id="Literal1" runat="server" Text="test of literal control"></asp:literal>
</td>
</asp:panel>
</tr>
</table>
</form>
</body>
</html>
解決方案5
0 2010-04-15 18:37:23
有很多事情是不對的：
- 您指定了colspan，因為在任何TR中都沒有5個TD，所以不需要
- 在表格內，您已指定了asp面板。 該面板應位於托管該文字控件的td內部。
- 由於您使用的是表格，因此最好不要使用a。 立場：絕對b。 指定頂部
下面給出的是更正的html：
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<style type="text/css">
</style>
<script language="javascript" type="text/javascript">
</script>
</head>
<body>
<form id="Form1" method="post" runat="server">
<table width="50%">
<tr>
</tr>
<tr align="center">
<td align="center" valign="top">
<asp:PlaceHolder runat="server" ID="phTextBoxes"></asp:PlaceHolder>
</td>
<td>
<asp:Label ID="Instructions" runat="server" Font-Italic="True" Text="Now select from the dropdownlists which table columns from my database you want to map these fields to"></asp:Label>
</td>
<td align="center" >
<asp:Button ID="btnSubmit" runat="server" Text="Submit" Width="150px" ></asp:Button>
</td>
</tr>
<tr>
<td colspan="3" align="center" valign="top">
<asp:Panel ID="pnlDisplayData" runat="server" Visible="False">
<asp:Literal ID="lTextData" runat="server"></asp:Literal>
</asp:Panel>
</td>
</tr>
</table>
<table align="center">
<tr>
<td style="text-align: center; width: 300px;">
<asp:Label ID="resultLabel" runat="server" Style="text-align: center;"
Visible="False"></asp:Label>
</td>
</tr>
</table>
<p>
</p>
</form>
</body>
</html>
還要檢查您是否在后面的代碼中重新放置了任何項目。
高溫超導
Wpf 如何在框架內縮小頁面？
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.