Question

我有一个与文本框对齐的下拉列表，我想添加一个有一个名为ok的分类的div，这个类为该div添加了一个backgroundimage。

问题是图像未与其他内容对齐。

 <div class="form-group form-inline"  id="divReservaCanchas" runat="server" >

                <asp:DropDownList ID="ddlCanchas" runat="server" CssClass="form-control"Width="175px"
                    DataTextField="16" AutoPostBack="True" 
                    OnSelectedIndexChanged="ddlCanchas_SelectedIndexChanged">
                    <asp:ListItem Selected="True">Canchas</asp:ListItem>
                </asp:DropDownList>
                <div class="ok" ></div>

这是css。

.ok
{
background-image: url(../img/Glyphicons/ok.jpg);
background-repeat: no-repeat;    
height: 25px;
width: 25px; 
display:inline; 
}

Answer 1

您无法将宽度和高度设置为inline元素。要应用宽度和高度，请将css属性display设置为inline-block。

更改：

display:inline;

要

display:inline-block;

<强> JSFiddle Demo

添加显示后，带背景图像的Div消失：在css中内联

1 个答案: