的jQuery UI圖標問題

Question

你好，爲什麼圖標做了BR> 本身

繼承人我的意思：

alt text http://i30.tinypic.com/23tgkms.png

來源：

.ui-icon-bullet { background-position: -80px -144px; } 
    <span class="ui-icon ui-icon-bullet"></span> Hello 

Answer 1

如果你看一下JQuery UI CSS主題文件，你會注意到這個牛逼

.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } 

於是用類ui-icon任元會顯示爲一個塊（因此一個< BR/>前，後），您可以通過應用浴液改變這種行爲留給你的圖標元素，使之離開你的文字

喜歡的東西

<span class="ui-icon ui-icon-bullet" style="float:left;"></span> Hello 

會做

Answer 2

我的解決方案有一些海峽已經到位。我想讓圖標在文本旁邊流動的地方包含在一個已知類的div中。我可以添加到我的主網站的CSS重寫UI圖標的 「顯示：塊」 爲 「顯示：inline-block的」

HTML

<div class="sectionActions"> 
    Section Names <span class="ui-icon ui-icon-close"></span> 
</div> 

CSS

.sectionActions .ui-icon 
{ 
    display: block-inline; 
} 

這個CSS優先從jquery-ui文件中阻止了原始的「display：block」css，並且所有的ui-icons都在同一行上正確顯示。

Keith