在單行中對齊標籤和Ajax評級控制

守則，

<label class="Informlabel" style="font-size: 13px; font-weight: bold; float: left; 
       width: 100%; overflow: auto; display: block; vertical-align: top;"> 
       Rating :</label> 
<asp:Rating ID="Rating1" runat="server" MaxRating="5" CurrentRating="0" CssClass="ratingStar" 
        StarCssClass="ratingItem" WaitingStarCssClass="Saved" FilledStarCssClass="Filled" 
        EmptyStarCssClass="Empty" AutoPostBack="false"> 
       </asp:Rating>

以下是評分工具的

li 
{ 
     clear:both; 
     margin-bottom:1em; 
     border-bottom:1px solid #eee; 
} 
/* ****************** RatingStar ****************** */ 
.ratingStar 
{ 
     white-space:nowrap; 
     margin:1em; 
     height:17px; 
     vertical-align:top; 
} 
.ratingStar .ratingItem { 
    font-size: 0pt; 
    width: 20px; 
    height: 16px; 
    margin: 0px; 
    padding: 0px; 
    display: inline-block; 
    background-repeat: no-repeat; 
    cursor:pointer; 
} 
.ratingStar .Filled { 
    background-image: url(Images/Rating/Selected.gif); 
} 
.ratingStar .Empty { 
    background-image: url(Images/Rating/Empty.gif); 
} 
.ratingStar .Saved { 
    background-image: url(Images/Rating/Hover.gif); 
}

你能幫助我的CSS？

來源

2012-10-09 Krishna Thota

這是因爲你有顯示：在標籤上塊，它應該是display: inline-block;同爲阿賈克斯評分控制

來源

2012-10-09 12:54:46 Caelea

運行不正常的輸出。我上面發佈了我的代碼。 –

在單行中對齊標籤和Ajax評級控制

回答

相關問題