首页 > 其他 > 详细

flex布局中同一行内对齐左右两端

时间:2019-11-02 12:16:26      阅读:173      评论:0      收藏:0      [点我收藏+]
之前实现左右对齐都是用的float,但是用float经常会出现浮动影响,有时候清浮动也不能完全消除影响,后来用了flex之后觉得挺好用,不存在这个问题,所以现在都是能用flex就用flex,以下是用flex替代float实现左右对齐的代码
<div class="lh" style="padding: 20px 0;">
    <div style="display: flex;flex-flow: row nowrap;justify-content: space-between;background-color: white;padding: 10px;">
        <span>2017中国服务机器人大赛‘</span>
        <span>2019-11-01</span>
    </div>
</div>

 

最终效果如下(专注实现功能,所以页面比较简陋。。。)

技术分享图片

 

 

flex布局中同一行内对齐左右两端

原文:https://www.cnblogs.com/yite/p/11780767.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!