dyhgj
2018-08-30 17:32 上海交通大学 前端工程师
关注
<!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
相关推荐
paypal工作强度 6人发布 
点赞 评论 收藏
分享
牛客热帖
正在热议
# 拼多多求职进展汇总 #
239287次浏览 2045人参与
# 实习，投递多份简历没人回复怎么办 #
2445168次浏览 34773人参与
# 阿里云管培生offer #
64418次浏览 1765人参与
# 25届秋招总结 #
420319次浏览 4227人参与
# ai智能作图 #
33415次浏览 408人参与
# 地方国企笔面经互助 #
7221次浏览 17人参与
# 北方华创开奖 #
67724次浏览 555人参与
# 虾皮求职进展汇总 #
97826次浏览 790人参与
# 中兴求职进展汇总 #
470463次浏览 2448人参与
# 我在牛爱网找对象 #
75135次浏览 556人参与
# 机械求职避坑tips #
24090次浏览 251人参与
# 实习想申请秋招offer，能不能argue薪资 #
37407次浏览 311人参与
# 发工资后，你做的第一件事是什么 #
9937次浏览 45人参与
# 25届机械人为了秋招做了哪些准备？ #
26704次浏览 365人参与
# 投格力的你，拿到offer了吗？ #
47756次浏览 337人参与
# 我的实习求职记录 #
6140368次浏览 84056人参与
# 投递实习岗位前的准备 #
1192889次浏览 18503人参与
# 机械人怎么评价今年的华为 #
158303次浏览 1354人参与
# 实习与准备秋招该如何平衡 #
725397次浏览 8566人参与
# 华为工作体验 #
112226次浏览 869人参与
# 在职场上，你最讨厌什么样的同事 #
6402次浏览 95人参与
# 如果再来一次，你还会选择这个工作吗？ #
118660次浏览 1165人参与