代码之家 › 专栏 › 技术社区 › gsamaras a Data Head

使ol数量适合图标

jquery-mobile listview css jquery

gsamaras a Data Head · 技术社区 · 11 年前

我想列出一份足球运动员的名单。所以我有这个 jsFiddle 。但是,我想知道 ol 放置在图标内。问题是两位数溢出了图标。如何解决此问题?

我的CSS是:

ol {
    display: inline-block;
}
ol.ui-listview>li>.ui-btn:first-child:before, ol.ui-listview>li.ui-li-static:before, ol.ui-listview>li.ui-field-contain>label:before, ol.ui-listview>li.ui-field-contain>.ui-controlgroup-label:before{
    content: counter(listnumbering) !important;
}

#slots {
    text-align: center;
}

1 回复 | 直到 11 年前

Oleksii Artiukh 11 年前

尝试此css

ol {
    display: inline-block;
}
ol.ui-listview>li>.ui-btn:first-child:before, ol.ui-listview>li.ui-li-static:before, ol.ui-listview>li.ui-field-contain>label:before, ol.ui-listview>li.ui-field-contain>.ui-controlgroup-label:before{
    content: counter(listnumbering) !important;
    text-align:center;
}

#slots {
    text-align: center;
}

ol > li > a{padding-left:9px !important;}

推荐文章

Matthew Pans · MAUI:Listview中的UI对齐问题,网格有3列

2 年前