Question

这是我遇到的问题：

我想要做的是并排获取保留表单和数据源表单。我已经使用fieldset方法设置了一个类，但无法弄清楚要使用它来并排使用它。

将此用于数据源表单

 .tables
 {
    width:372px;
     border-color:Black;
     margin-left:150px;
     height:500px;
 }

并将其用于保留表格

 .mreg
 {

     width:372px;
     border-color:Black;
     margin-left:150px;
     height:500px;
 }

只想两个并排获得两种形式。

编辑 -

Asp.net编码保留表格：

<asp:Label ID="lblerrormsg" runat="server" Text="Error Message" Visible="False"></asp:Label>
<fieldset class="mreg">
<legend>Reserve </legend>
    <asp:Label ID="Label2" runat="server" Text="Reserve ID" Font-Bold=true></asp:Label>
    <br />
    <asp:TextBox ID="txtRID" runat="server" Height="18px" Width="213px"></asp:TextBox>
     <%--<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
        ControlToValidate="txtLID" ErrorMessage="Loan ID Required"></asp:RequiredFieldValidator>--%>
        <br />
            <br />

<br />
        </fieldset>

数据源表格的编码：

fieldset class="tables">
<legend>Data Sources </legend>
  <asp:Label ID="Label6" runat="server" Text="Reservation Table" Font-Bold=true></asp:Label>
  <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
        AutoGenerateDeleteButton="True" 
        DataKeyNames="Reservation_ID" DataSourceID="SqlDataSource1" BorderStyle="Dotted">
 </asp:SqlDataSource>
          </fieldset>

</asp:Content>

代码有什么问题吗？

Answer 1

你应该让float:left浮动到屏幕的左边并且并排。当屏幕尺寸变化时，将宽度设为px也不是一个好习惯。

.tables
 {
     width:48%;
     border-color:Black;
     float:left;
     display:block;
     height:500px;
 }

 .mreg
 {

     width:48%;
     border-color:Black;
     float:left;
     display:block
     height:500px;
 }

Answer 2

您可以使用多个css选项。作为一个：

float:left;

...将允许div有效地“浮动”到其容器的左侧，这将解决您的问题。然而，由于许多原因浮动是有问题的，并且通常有更好的选择。例如，您可以考虑利用“display”css属性，例如：

display: inline-block;

这也会以水平方式显示你的div，并且往往表现得更加一致并且问题更少。但是，“display”属性有更多选项，值得研究 - 可以在这里找到一些选项的概述：

float:left; vs display:inline; vs display:inline-block; vs display:table-cell;

如何在ASP.NET？

2 个答案: