我想知道如何在jquery-ui标签中设置菜单标签(li)的样式。
这是我的jsfiddle:http://jsfiddle.net/youkai/74BMU/
我想用图标创建一个标签菜单,标签宽度相等(填充div width0
目前div为600宽,我有6个标签,所以我设置了:
.ui-tabs .ui-tabs-nav li {
border: none;
background: #003300;
width:16%;
}
它按我想要的那样(设置标签宽度)。但是,选择选项卡时,所选li的背景不会填满宽度...
使用上面的css更改的宽度也不会影响图像图标(我想要居中而不是左对齐)
答案 0 :(得分:0)
如果你想填满宽度。你必须使用width:100%;
我已经更新了你创建的小提琴。
请检查一下。
这是更改,
$('<li><a href="#tab5"><img src=' + petLogo + ' width="100%" height="32px"/></a></li>').appendTo('#tabID');