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

我需要这样的，之前和之后文本我不需要的空间。

enter image description here

来源

2014-07-05 Vinod

您提供ISN CSS代码不足以回答你的问题。此外，链接有6个类，其中两个（ui-btn-icon-left，ui-btn-icon-right）似乎负责布局。你尝试删除它们吗？ – mus

要添加图像之前：

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

要添加图像后，：

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

管理填充按您的背景图片

来源

2014-07-05 16:01:14 amol

navbar图标位置问题

回答

相关问题