基于C#,ASP.NET开发:
图片一图片二图片一是我现在的样式,大家会看到图片一的那些文本框,按钮,下拉控件这样不对齐,看上去很乱。我要在.aspx文件里怎样做才能实现像图片二的样式呢?使得这些控件对齐!让页面更好看一些!谢谢!

解决方案 »

  1.   

    一是用tabel 布局
    或用div span 等将其 固定宽度
    style='width:200px'或是楼主把代码贴出一部分可以针对你的做调整
      

  2.   


    谢谢你 我试试,不行的话,我贴代码 让你们看看!<body>
        <form id="form1" runat="server">
        <div>        user:<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br/>
            password:<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox><br/>
            <asp:Repeater ID="Repeater1" runat="server">
                <ItemTemplate>
                    <%#Eval("ids") %> &nbsp;&nbsp;<%#Eval("title") %>&nbsp;&nbsp;&nbsp;&nbsp;<br />            
                </ItemTemplate>
            </asp:Repeater>
            <asp:DataList ID="DataList1" runat="server" BackColor="#aaffaa" Width ="100%" Height="200px"></asp:DataList>
            <input type = "checkbox" name="Namecheck" value ="check" /><br/>
            
            <div style ="width:200px">suspected_problem_area<asp:Button ID="SusProAre_Btn" runat="server" Text="Button" style=""/>Plateform Driver </div>
            <label style="margin-left:50px;">ingredient <asp:Button ID="Ingredient_Btn" runat="server" Text="Button" />Camera</label><br/>
            
            <label style ="width:200px"> ingredient_sku_name <asp:Button ID="IngSkuName_Btn" runat="server" Text="Button" style="flex-item-align:auto"/>SW Camera Drivers</label>
            <label style="margin-left:50px;">found_in_component<asp:Button ID="FoundInComponent_Btn" runat="server" Text="Button" />Cam mini-port driver</label> <br/>    </div>
        </form>
    </body>
      

  3.   

    <style type="text/css">
            .class1 {
                width:100px;
                height:30px;
                
            }
            .class1 {
                width:200px;
                 height:30px;
                 
            }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
            <div>
                <div>
                    <span class="class1">user:</span>
                    <span class="class2">
                        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                    </span>
                    
                </div>
                 <div>
                    <span class="class1">user:</span>
                    <span class="class2">
                        <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
                    </span>
                    
                </div>
                 <div>
                    <span class="class1">user:</span>
                    <span class="class2">
                        <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
                    </span>
                    
                </div>
            </div>
        </form>
    </body>
      

  4.   

    用table 或者div然后写CSS来控制。
    table div 固定一个长度。
      

  5.   

    谢谢 上面的朋友热心帮忙,我用table 实现了效果!