navbar 아이콘 위치 문제

navbar 텍스트 옆에 아이콘을 설정하는 방법은 무엇입니까?navbar 아이콘 위치 문제

코드 :

<ul> 
    <li><a href="#" id="other-color" class="ui-btn ui-shadow ui-btn-icon-left ui-custom-icon ui-arrow ui-nodisc-icon">Set Filter</a></li> 
    <li><a href="#" id="other-color" class="ui-btn ui-shadow ui-btn-icon-right ui-custom-icon ui-location ui-nodisc-icon">Add Page</a></ 
</ul>

CSS :

.ui-arrow:after { 
    content: ''; 
    background-image: url(icons/filled-filter-32.png); 
    background-size: 15px 15px; 
} 

.ui-location:after { 
    content: ''; 
    background-image: url(img/plus-32.png); 
    background-size: 15px 20px; 
}

나는 공간이 필요하지 않습니다하기 전에 텍스트 후에 나는이 같은 필요

enter image description here

a.ui-location{ 
    display: inline-block; 
    padding-right: 25px; 
}

는 배경 이미지

출처

2014-07-05 Vinod

당신이 ISN에서 제공하는 CSS 코드에 따라 패딩 관리 : 후

a.ui-arrow{ display: inline-block; padding-left: 25px; }

이미지를 추가하려면 : 전에

enter image description here

– mus

이미지를 추가하려면 당신의 질문에 대답 할만큼 충분하지 않습니다. 또한 링크에는 6 개의 클래스가 있으며 그 중 2 개 (UI-btn- 아이콘 왼쪽, UI-BTN- 아이콘 오른쪽)가 레이아웃을 담당하는 것으로 보입니다. 그들을 제거하려고 했습니까?

출처

2014-07-05 16:01:14 amol

navbar 아이콘 위치 문제

답변

관련 문제