<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>flex布局实现</title>     <style type="text/css">         body {             margin: 0;             }                 .container {                 display: flex;             flex-wrap: nowrap;                 align-items: center;                 justify-content: flex-start;         }         .left-text {             text-align: left;             text-overflow: ellipsis;             overflow: hidden;             white-space: nowrap;        }       .icon-container {                align-self: flex-end;                }    </style> </head> <body> <div class="container">        <div class="left-text">这是左边的文字</div>        <div class="icon-container">                 <span>文字代替icon,宽度不固定</span>             <span>文字代替icon,宽度不固定</span>             <span>文字代替icon,宽度不固定</span>             <span>文字代替icon,宽度不固定</span>             <span>文字代替icon,宽度不固定</span>             <span>文字代替icon,宽度不固定</span>        </div> </div> </body> </html>
点赞 3

相关推荐

程序员牛肉:这一眼假啊,基本上都是骗人的,不然就涉及到职位贪腐了,就像之前华为的OD事件,看你运气好不好了
点赞 评论 收藏
分享
05-07 17:58
门头沟学院 Java
wuwuwuoow:1.简历字体有些怪怪的,用啥写的? 2.Redis 一主二从为什么能解决双写一致性? 3.乐观锁指的是 SQL 层面的库存判断?比如 stock > 0。个人认为这种不算乐观锁,更像是乐观锁的思想,写 SQL 避免不了悲观锁的 4.奖项证书如果不是 ACM,说实话没什么必要写 5.逻辑过期时间为什么能解决缓存击穿问题?逻辑过期指的是什么 其实也没什么多大要改的。海投吧
点赞 评论 收藏
分享
牛客网
牛客网在线编程
牛客网题解
牛客企业服务