asp:FileUpload不会在字段集中居中

时间:2014-09-30 07:21:29

标签: css asp.net

我正试图将一堆控件集中在一个字段集中,其中两个是<asp:FileUpload />。其中一个是按预期运行但不是另一个:

enter image description here

我已在<div id="container">内创建了我的字段集,并且在字段集内部有<div class="content">,其中包含标签,FileUpload等。

aspx文件如下:

<div id="container">
<fieldset>
    <legend style="color:#CC0000; font-size:medium; font-weight:bold">Nouvelle demande de tarif imagé</legend>
        <br />
    <div class="content">
        <asp:Label ID="Label2" runat="server" Text="Nom du catalogue : " 
            Font-Bold="True"></asp:Label>
        <asp:TextBox ID="TB_name" runat="server"></asp:TextBox>
        <asp:CustomValidator ID="CustomValidator2" runat="server" 
            ErrorMessage="CustomValidator" ControlToValidate="TB_name" ForeColor="#CC0000" 
            onservervalidate="CustomValidator2_ServerValidate" ValidateEmptyText="True"></asp:CustomValidator>
        <br />
        <br />
        <asp:Label ID="Label3" runat="server" 
            Text="Veuillez sélectionner un fichier CSV :" Font-Bold="True"></asp:Label><br />
            <br />
        <asp:FileUpload ID="csvUpload" runat="server" />
            <asp:CustomValidator ID="CustomValidator1" runat="server"
                ErrorMessage="CustomValidator" ControlToValidate="csvUpload" 
            Display="Dynamic" ForeColor="#CC0000" 
            onservervalidate="CustomValidator1_ServerValidate" 
            ValidateEmptyText="True"></asp:CustomValidator>
        <br />
        <br />
        <br />
        <asp:Label ID="Label1" runat="server" 
            Text="Veuillez sélectionner un logo (facultatif) :" Font-Bold="True"></asp:Label><br />
        <br />
        <asp:FileUpload ID="pictureUpload" runat="server" />
        <asp:CustomValidator ID="CustomValidator3" runat="server" 
            ErrorMessage="CustomValidator" ControlToValidate="pictureUpload" 
            ForeColor="#CC0000" onservervalidate="CustomValidator3_ServerValidate" 
            ValidateEmptyText="True"></asp:CustomValidator>
        <br />
        <br />
        <asp:Button ID="Button1" runat="server" Text="Valider" 
            onclick="Button1_Click" />
        <br />
        <br />
        <asp:HyperLink ID="HyperLink_validee" runat="server" Font-Underline="True" 
            ForeColor="#009933" NavigateUrl="~/TarifImageHistorique.aspx">Votre demande a bien été enregistrée</asp:HyperLink>
        <br />
    </div>
</fieldset>
</div>

这是CSS:

    fieldset
    {
        margin-bottom:20px;
        border:1px solid rgb(149,149,149);
        padding: 10px 10px 10px 10px;
        width:100%;

    }
    #container
    {
        margin-left:auto;
        margin-right:auto;
        width:400px;
    }
    .content
    {
        text-align:center;
    }

我不明白为什么第二个FileUpload不会作为第一个对齐。任何人都可以开导我吗?

2 个答案:

答案 0 :(得分:3)

在第二个文件上传控件前面的CustomValidator3需要动态显示,所以只需添加Display="Dynamic"并完成。

答案 1 :(得分:0)

  • 您必须将第二个文件上传控件放在 <center> 标记中。
  • 第31行附近的代码

    ... // your code
    <center>
        <asp:FileUpload ID="pictureUpload" runat="server" />
      </center>
    ... // your code