jquery UI biểu tượng vấn đề

Question

Xin chào, tại sao các biểu tượng làm một br> tự

Heres những gì tôi có nghĩa là:

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

Nguồn:

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

Answer 1

Nếu bạn nhìn vào tệp chủ đề của giao diện người dùng CSS của jQuery, bạn sẽ thấy t

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

Vì vậy, bất kỳ phần tử với lớp ui-icon sẽ được hiển thị như một khối (tương ứng với < br/> trước và sau) Bạn có thể thay đổi hành vi này bằng cách áp dụng một phao trái sang yếu tố biểu tượng của bạn để làm cho nó rời các văn bản của bạn

Something như

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

sẽ làm

Answer 2

giải pháp của tôi đã có một số str ucture đã sẵn sàng. Những nơi tôi muốn các biểu tượng chảy bên cạnh văn bản được chứa trong một div với một lớp đã biết. Tôi đã có thể thêm vào trang web chính của tôi css để ghi đè lên ui-icon của "display: block" để "display: inline-block"

HTML

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

CSS

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

Ưu tiên css này đã chặn css "display: block" gốc từ các tệp jquery-ui và tất cả các biểu tượng ui của tôi được hiển thị chính xác trên cùng một dòng.

Keith