jquery UI simgeleri sorunu

Question

Merhaba, simgeler bir br yapar neden> kendisi

demek İşte neyi:

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

Kaynak:

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

Answer 1

JQuery UI CSS tema dosyasına bir göz attığınızda, tha sola yapmak için simge elemana sol t

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

Yani sınıfın ui-icon ile herhangi bir eleman bir blok (öncesi ve sonrasında bu nedenle < br/>) Bir şamandıra uygulayarak bu davranışı değiştirebilirsiniz olarak görüntülenen edilecektir metnin

şey

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

gibi

Answer 2

Benim çözümüm bazı str vardı yapacak ucture zaten yerinde. Simgelerin metnin yanında akmasını istediğim yerler bilinen bir sınıfa sahip bir div içinde yer aldı. ": Inline-block ekran"

HTML

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

CSS

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

için: "bloğu ekran" ı ui-simgenin geçersiz kılmak için benim ana siteye css eklemek başardı Bu css önceliği, jquery-ui dosyalarındaki orijinal "display: block" css'sini ve ui-simgelerinin tümünü aynı satırda doğru şekilde görüntüledi.

Keith