c# - 如何缩小ASPX页面

标签 c# asp.net javascript label

我正在 VS 2008 中开发 C#/ASP.NET Web 应用程序。目前此页面太高。这些按钮出现在顶部,然后这些按钮和 resultLabel 文本之间有很大的间隙。以下代码来 self 的 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>
                &nbsp;
                </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>

最佳答案

原因是因为你有一些内联 CSS。

删除:

 top:148px; 

以及可选的:

 left: 155px;

关于c# - 如何缩小ASPX页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2642477/

相关文章:

c# - 为什么对级联 ManualResetEvent 的多次等待会使执行时间增加三倍?

c# - 使用泛型编写函数

c# - 冒号( :) in url causes error in asp. 网络

asp.net - 通过 RSS Feed 阅读 Gmail 收件箱

asp.net - 找不到WebResources的原因

javascript - UnsupportedError : cannot produce video at Transport. 产生

c# - DbExecutionStrategy 重试次数超过 MaxRetryCount

javascript - 表单输入验证在 Angular 表单中不起作用(使用 plunker)

javascript - 从选择中删除标签

c# - 折叠面板 JavaScript 问题