css - ASP :FileUpload won't center within a fieldset

Question

我试图将一组控件集中在一个字段集中，其中 2 个是 <asp:FileUpload /> .一个按预期行事，但另一个不按预期行事:

我在 <div id="container"> 中创建了我的字段集在字段集中你有一个 <div class="content">其中包含标签、文件上传等。

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 不会与第一个对齐。谁能启发我？

Answer 1

第二个文件上传控件前面的 CustomValidator3 需要动态显示，所以只需添加 Display="Dynamic" 即可。