Html 将两个文本框放在同一行上，必须使用内联块_Html_Css_Asp.net

Html 将两个文本框放在同一行上，必须使用内联块

html css asp.net

Html 将两个文本框放在同一行上，必须使用内联块,html,css,asp.net,Html,Css,Asp.net,我不得不把一个div放在居中div的右边，现在我的文本框出现了问题。它们是一条独立的线，不再相同了  <div> <asp:Image ID="img_logo" runat="server" ImageAlign="Middle" Width="200px" Height="200px"/> </div>

我不得不把一个div放在居中div的右边，现在我的文本框出现了问题。它们是一条独立的线，不再相同了

            <!-- Logo -->
            <div>
                <asp:Image ID="img_logo" runat="server" ImageAlign="Middle" Width="200px" Height="200px"/>
            </div>

            <!-- Search Textboxes -->
            <div style="display: inline-block; margin-top: 1%">
                <asp:TextBox ID="tb_what" runat="server" CssClass="Textbox" style="margin-left: 1%"></asp:TextBox>
                <asp:TextBox ID="tb_where" runat="server" CssClass="Textbox"></asp:TextBox>
            </div>

            <!-- Search Button -->
            <div style="display: inline-block; position: relative; width: 0; height: 0; vertical-align: top;">
                <div style="background: black; display: inline-block; position: absolute;">
                    <asp:ImageButton ID="btn_search" runat="server" style="margin-top: 1%" ImageUrl="http://png-5.findicons.com/files/icons/772/token_light/256/search.png" CssClass="Button" Width="40px" Height="40px"/>
                </div>
            </div>

            <!-- Login & Register -->
            <div>
                <asp:LinkButton ID="lb_login" runat="server" Font-Names="Segoe UI" Font-Underline="false" style="margin-right: 1%">Login</asp:LinkButton>
                <asp:LinkButton ID="lb_registrer" runat="server" Font-Names="Segoe UI" Font-Underline="false">Registrer</asp:LinkButton>
            </div>
        </div>

这就是它看起来的样子：

            <!-- Logo -->
            <div>
                <asp:Image ID="img_logo" runat="server" ImageAlign="Middle" Width="200px" Height="200px"/>
            </div>

            <!-- Search Textboxes -->
            <div style="display: inline-block; margin-top: 1%">
                <asp:TextBox ID="tb_what" runat="server" CssClass="Textbox" style="margin-left: 1%"></asp:TextBox>
                <asp:TextBox ID="tb_where" runat="server" CssClass="Textbox"></asp:TextBox>
            </div>

            <!-- Search Button -->
            <div style="display: inline-block; position: relative; width: 0; height: 0; vertical-align: top;">
                <div style="background: black; display: inline-block; position: absolute;">
                    <asp:ImageButton ID="btn_search" runat="server" style="margin-top: 1%" ImageUrl="http://png-5.findicons.com/files/icons/772/token_light/256/search.png" CssClass="Button" Width="40px" Height="40px"/>
                </div>
            </div>

            <!-- Login & Register -->
            <div>
                <asp:LinkButton ID="lb_login" runat="server" Font-Names="Segoe UI" Font-Underline="false" style="margin-right: 1%">Login</asp:LinkButton>
                <asp:LinkButton ID="lb_registrer" runat="server" Font-Names="Segoe UI" Font-Underline="false">Registrer</asp:LinkButton>
            </div>
        </div>

这是我的代码：

            <!-- Logo -->
            <div>
                <asp:Image ID="img_logo" runat="server" ImageAlign="Middle" Width="200px" Height="200px"/>
            </div>

            <!-- Search Textboxes -->
            <div style="display: inline-block; margin-top: 1%">
                <asp:TextBox ID="tb_what" runat="server" CssClass="Textbox" style="margin-left: 1%"></asp:TextBox>
                <asp:TextBox ID="tb_where" runat="server" CssClass="Textbox"></asp:TextBox>
            </div>

            <!-- Search Button -->
            <div style="display: inline-block; position: relative; width: 0; height: 0; vertical-align: top;">
                <div style="background: black; display: inline-block; position: absolute;">
                    <asp:ImageButton ID="btn_search" runat="server" style="margin-top: 1%" ImageUrl="http://png-5.findicons.com/files/icons/772/token_light/256/search.png" CssClass="Button" Width="40px" Height="40px"/>
                </div>
            </div>

            <!-- Login & Register -->
            <div>
                <asp:LinkButton ID="lb_login" runat="server" Font-Names="Segoe UI" Font-Underline="false" style="margin-right: 1%">Login</asp:LinkButton>
                <asp:LinkButton ID="lb_registrer" runat="server" Font-Names="Segoe UI" Font-Underline="false">Registrer</asp:LinkButton>
            </div>
        </div>


登录
登记人

我感谢你的帮助和时间

            <!-- Logo -->
            <div>
                <asp:Image ID="img_logo" runat="server" ImageAlign="Middle" Width="200px" Height="200px"/>
            </div>

            <!-- Search Textboxes -->
            <div style="display: inline-block; margin-top: 1%">
                <asp:TextBox ID="tb_what" runat="server" CssClass="Textbox" style="margin-left: 1%"></asp:TextBox>
                <asp:TextBox ID="tb_where" runat="server" CssClass="Textbox"></asp:TextBox>
            </div>

            <!-- Search Button -->
            <div style="display: inline-block; position: relative; width: 0; height: 0; vertical-align: top;">
                <div style="background: black; display: inline-block; position: absolute;">
                    <asp:ImageButton ID="btn_search" runat="server" style="margin-top: 1%" ImageUrl="http://png-5.findicons.com/files/icons/772/token_light/256/search.png" CssClass="Button" Width="40px" Height="40px"/>
                </div>
            </div>

            <!-- Login & Register -->
            <div>
                <asp:LinkButton ID="lb_login" runat="server" Font-Names="Segoe UI" Font-Underline="false" style="margin-right: 1%">Login</asp:LinkButton>
                <asp:LinkButton ID="lb_registrer" runat="server" Font-Names="Segoe UI" Font-Underline="false">Registrer</asp:LinkButton>
            </div>
        </div>

致意

马库斯

你可以这样做，也许：

            <!-- Logo -->
            <div>
                <asp:Image ID="img_logo" runat="server" ImageAlign="Middle" Width="200px" Height="200px"/>
            </div>

            <!-- Search Textboxes -->
            <div style="display: inline-block; margin-top: 1%">
                <asp:TextBox ID="tb_what" runat="server" CssClass="Textbox" style="margin-left: 1%"></asp:TextBox>
                <asp:TextBox ID="tb_where" runat="server" CssClass="Textbox"></asp:TextBox>
            </div>

            <!-- Search Button -->
            <div style="display: inline-block; position: relative; width: 0; height: 0; vertical-align: top;">
                <div style="background: black; display: inline-block; position: absolute;">
                    <asp:ImageButton ID="btn_search" runat="server" style="margin-top: 1%" ImageUrl="http://png-5.findicons.com/files/icons/772/token_light/256/search.png" CssClass="Button" Width="40px" Height="40px"/>
                </div>
            </div>

            <!-- Login & Register -->
            <div>
                <asp:LinkButton ID="lb_login" runat="server" Font-Names="Segoe UI" Font-Underline="false" style="margin-right: 1%">Login</asp:LinkButton>
                <asp:LinkButton ID="lb_registrer" runat="server" Font-Names="Segoe UI" Font-Underline="false">Registrer</asp:LinkButton>
            </div>
        </div>

            <!-- Logo -->
            <div>
                <asp:Image ID="img_logo" runat="server" ImageAlign="Middle" Width="200px" Height="200px"/>
            </div>

            <!-- Search Textboxes -->
            <div style="display: inline-block; margin-top: 1%">
                <asp:TextBox ID="tb_what" runat="server" CssClass="Textbox" style="margin-left: 1%"></asp:TextBox>
                <asp:TextBox ID="tb_where" runat="server" CssClass="Textbox"></asp:TextBox>
            </div>

            <!-- Search Button -->
            <div style="display: inline-block; position: relative; width: 0; height: 0; vertical-align: top;">
                <div style="background: black; display: inline-block; position: absolute;">
                    <asp:ImageButton ID="btn_search" runat="server" style="margin-top: 1%" ImageUrl="http://png-5.findicons.com/files/icons/772/token_light/256/search.png" CssClass="Button" Width="40px" Height="40px"/>
                </div>
            </div>

            <!-- Login & Register -->
            <div>
                <asp:LinkButton ID="lb_login" runat="server" Font-Names="Segoe UI" Font-Underline="false" style="margin-right: 1%">Login</asp:LinkButton>
                <asp:LinkButton ID="lb_registrer" runat="server" Font-Names="Segoe UI" Font-Underline="false">Registrer</asp:LinkButton>
            </div>
        </div>

从输入中删除内联样式
将属性设置为外部div（
```
显示、宽度、文本对齐
```
）
为每个输入设置属性（
```
width，display
```
）

希望它对你有用

            <!-- Logo -->
            <div>
                <asp:Image ID="img_logo" runat="server" ImageAlign="Middle" Width="200px" Height="200px"/>
            </div>

            <!-- Search Textboxes -->
            <div style="display: inline-block; margin-top: 1%">
                <asp:TextBox ID="tb_what" runat="server" CssClass="Textbox" style="margin-left: 1%"></asp:TextBox>
                <asp:TextBox ID="tb_where" runat="server" CssClass="Textbox"></asp:TextBox>
            </div>

            <!-- Search Button -->
            <div style="display: inline-block; position: relative; width: 0; height: 0; vertical-align: top;">
                <div style="background: black; display: inline-block; position: absolute;">
                    <asp:ImageButton ID="btn_search" runat="server" style="margin-top: 1%" ImageUrl="http://png-5.findicons.com/files/icons/772/token_light/256/search.png" CssClass="Button" Width="40px" Height="40px"/>
                </div>
            </div>

            <!-- Login & Register -->
            <div>
                <asp:LinkButton ID="lb_login" runat="server" Font-Names="Segoe UI" Font-Underline="false" style="margin-right: 1%">Login</asp:LinkButton>
                <asp:LinkButton ID="lb_registrer" runat="server" Font-Names="Segoe UI" Font-Underline="false">Registrer</asp:LinkButton>
            </div>
        </div>

ps：如果它导致按钮出现问题，您可以将

相对位置设置为包含输入的div，然后使用位置：绝对位置与负顶部工作小提琴偏移按钮
            <!-- Logo -->
            <div>
                <asp:Image ID="img_logo" runat="server" ImageAlign="Middle" Width="200px" Height="200px"/>
            </div>

            <!-- Search Textboxes -->
            <div style="display: inline-block; margin-top: 1%">
                <asp:TextBox ID="tb_what" runat="server" CssClass="Textbox" style="margin-left: 1%"></asp:TextBox>
                <asp:TextBox ID="tb_where" runat="server" CssClass="Textbox"></asp:TextBox>
            </div>

            <!-- Search Button -->
            <div style="display: inline-block; position: relative; width: 0; height: 0; vertical-align: top;">
                <div style="background: black; display: inline-block; position: absolute;">
                    <asp:ImageButton ID="btn_search" runat="server" style="margin-top: 1%" ImageUrl="http://png-5.findicons.com/files/icons/772/token_light/256/search.png" CssClass="Button" Width="40px" Height="40px"/>
                </div>
            </div>

            <!-- Login & Register -->
            <div>
                <asp:LinkButton ID="lb_login" runat="server" Font-Names="Segoe UI" Font-Underline="false" style="margin-right: 1%">Login</asp:LinkButton>
                <asp:LinkButton ID="lb_registrer" runat="server" Font-Names="Segoe UI" Font-Underline="false">Registrer</asp:LinkButton>
            </div>
        </div>


            <!-- Logo -->
            <div>
                <asp:Image ID="img_logo" runat="server" ImageAlign="Middle" Width="200px" Height="200px"/>
            </div>

            <!-- Search Textboxes -->
            <div style="display: inline-block; margin-top: 1%">
                <asp:TextBox ID="tb_what" runat="server" CssClass="Textbox" style="margin-left: 1%"></asp:TextBox>
                <asp:TextBox ID="tb_where" runat="server" CssClass="Textbox"></asp:TextBox>
            </div>

            <!-- Search Button -->
            <div style="display: inline-block; position: relative; width: 0; height: 0; vertical-align: top;">
                <div style="background: black; display: inline-block; position: absolute;">
                    <asp:ImageButton ID="btn_search" runat="server" style="margin-top: 1%" ImageUrl="http://png-5.findicons.com/files/icons/772/token_light/256/search.png" CssClass="Button" Width="40px" Height="40px"/>
                </div>
            </div>

            <!-- Login & Register -->
            <div>
                <asp:LinkButton ID="lb_login" runat="server" Font-Names="Segoe UI" Font-Underline="false" style="margin-right: 1%">Login</asp:LinkButton>
                <asp:LinkButton ID="lb_registrer" runat="server" Font-Names="Segoe UI" Font-Underline="false">Registrer</asp:LinkButton>
            </div>
        </div>