solomaster
solomaster
  • 发布:2016-01-29 22:42
  • 更新:2016-06-03 17:51
  • 阅读:2066

怎么把badge放到列表项 左边 而不是右边?

分类:MUI
<ul class="mui-table-view mui-table-view-striped mui-table-view-condensed">  
<li class="mui-table-view-cell mui-media mui-media-icon">  
    <div class="mui-media-object mui-pull-left">  
<span class="mui-badge mui-badge-red">3</span><!-- 这个角标想让他显示在列表项最左边-->  
    <img src="../images/shuijiao.jpg"></div>  
    <div class="mui-media-body">幸福</div>  
</li>  
</ul>

我在demo只看到了radio和checkbox以及这个图片显示在左边的方式。 我想把图标(可能之后还有其他元素)放在列表项最左边,试了很多带left的class都不生效(列表项是文字)或者挤开(如上是图片)。

2016-01-29 22:42 负责人:无 分享
已邀请:
yomz

yomz

给第3行的div 加class="mui-content-padded"试试

huyunlong@d-heaven.com

huyunlong@d-heaven.com

修改.mui-media-object的max-width,然后调整span和img到最佳位置

该问题目前已经被锁定, 无法添加新回复