如何将另一个文本框与另一个文本框放在同一行中？

Question

我设法使我的拉链文本框与我的递送文本框对齐。这是密码。

<div class="form-group" style="float:left">
                                    <asp:TextBox ID="txtAddress" runat="server" Width="227px" Height="81px"
                                        name="form-first-name" placeholder="Delivery Address..." class="form-first-name form-control" Text-Mode="MultiLine"></asp:TextBox>
                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" 
                                        ErrorMessage="Delivery Address is required." Display="Dynamic" ControlToValidate="txtAddress" 
                                        ForeColor="Red"></asp:RequiredFieldValidator>
                                    <asp:RegularExpressionValidator ID="RegularExpressionValidator10" runat="server" 
                                        ErrorMessage="Enter a valid Address" Display="Dynamic" ControlToValidate="txtAddress" 
                                        ForeColor="Red" 
                                        ValidationExpression="^[a-zA-Z# .0-9]+$"></asp:RegularExpressionValidator>
                                </div>

但是它在两个文本框之间没有空格？我该怎么做呢？

Answer 1

您可以向两个文本框中添加"float: left“属性。它使它在同一行上对齐，并使用css进行样式设计。

示例代码如下所示。只需为两个div添加一个id，并给出一些唯一的id。

HTML

ABC<br />
<div id="textbox1"></div>
<div id="textbox2"></div>

CSS

#textbox1, #textbox2 {
    display: block;
    float: left;    
    width: 100px;    
    height: 100px;    
}

#textbox1 {
    background-color: red;
}

#textbox2 {
    background-color: blue;
}

请参阅JSFIDDLE

Answer 2

如果要使用服务器端文本框，则只需将两个文本框放在一起即可。从文本框中删除类，只需将两个文本框放在一起即可。如果您有任何疑问，请告诉我。

Answer 3

因此，如果您已经将它们并排放在一起，那么您可以在右边的CSS框中添加一些边距-左(或填充-左)。您可以向左框CSS中添加边距-右(或填充-右)。