用<ul><li>实现任务的时候,怎么把徽章右对齐

来源:7-21 列表组--带链接的列表组

菜鸟Kira

2017-10-22 23:16

<div style="width:70%">

    <ul class="list-group">

        <li class="list-group-item"><a href="#" style="display:block">性能优化之PHP优化<span class="badge">23</span></a></li>

        <li class="list-group-item"><a href="#" style="display:block">Canvas绘图详解<span class="badge">34</span></a></li>

        <li class="list-group-item"><a href="#" style="display:block">玩转Bootstrap<span class="badge">5</span></a></li>

        <li class="list-group-item"><a href="#" style="display:block">基于Bootstrap的网页开发<span class="badge">13</span></a></li>

    </ul>

</div>

//img3.mukewang.com/59ecb641000181e103390232.jpg

这样做出来的徽章会跟在link后面,怎么让它右对齐又是可点击区域的

写回答 关注

1回答

  • qq_家住海边喜欢浪_03118464
    2019-05-06 23:16:58

    https://img3.mukewang.com/5cd04fde0001478006600035.jpg这样丫

玩转Bootstrap(基础)

告诉你使用Bootstrap,并且能够独立定制出适合自己的Bootstrap

314560 学习 · 2362 问题

查看课程

相似问题