0

私は次のコードを持っています

        <div class="well sidebar-nav">
        <ul class="nav nav-list">
            <li class="nav-header-myLeagues">Create A New League</li>
            <li class="divider"></li>
            <li class="li-myLeagues">
                <asp:Label ID="LeagueNameLabel" runat="server">League Name:</asp:Label></li>
            <li class="li-myLeagues">
                <asp:TextBox ID="LeagueNameTextBox" runat="server"></asp:TextBox>
                <asp:Button ID="SubmitNewLeagueButton" CssClass="btn btn-primary" runat="server" CommandName="SubmitNewLeague" Text="Submit" />
            </li>
        </ul>
    </div>

何らかの理由で、ボタンがテキストボックスと完全に一致していませんが、その方法について何かアイデアはありますか?

4

2 に答える 2

3

以下のようにCSSを配置してみてください

.li-myLeagues li
{
     display: inline;
      list-style-type: none;
     padding-right: 20px;
     float: left;
}

これは重宝しそう……。

ここに私があなたのために作ったものと同じものがあります..

于 2013-03-04T11:27:34.863 に答える
1

テキストボックスとボタンをラップして、<div></div>css float:left を div に設定します

<li class="li-myLeagues">
    <div style="float:left">
        <asp:TextBox ID="LeagueNameTextBox" runat="server"></asp:TextBox></div>
    <div style="float:left;margin-left:10px;">
            <asp:Button ID="SubmitNewLeagueButton" CssClass="btn btn-primary" runat="server" CommandName="SubmitNewLeague" Text="Submit" />
</div>        
</li>

CSSをクラスに追加する.li-myLeagues

.li-myLeagues
{
display:inline-block;
float:left;
}
于 2013-03-04T11:30:05.933 に答える