当前位置: 首页 > news >正文

flex 布局:元素/文字靠右

前言

使用flex的justify-content属性控制元素的摆放位置

在这里插入图片描述

靠右

    <view class="more">展开更多<text class="iconfont20231007 icon-zhankai"></text></view>
.more {display: flex;flex-direction: row;color: #636363;justify-content: flex-end;
}

参考

http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
http://www.ruanyifeng.com/blog/2015/07/flex-examples.html
https://www.runoob.com/w3cnote/flex-grammar.html

http://www.lryc.cn/news/184296.html

相关文章:

  • java基础-第1章-走进java世界
  • jvm 堆内存 栈内存 大小设置
  • 免杀对抗-反沙盒+反调试
  • QTimer类的使用方法
  • (三)行为模式:9、空对象模式(Null Object Pattern)(C++示例)
  • Django实战项目-学习任务系统-用户登录
  • 【动手学深度学习-Pytorch版】Transformer代码总结
  • 做外贸独立站选Shopify还是WordPress?
  • echarts的bug,在series里写tooltip,不起作用,要在全局先写tooltip:{}才起作用,如果在series里写的不起作用就写到全局里
  • jmeter分布式压测
  • consulmanage部署
  • 大数据软件项目的验收流程
  • 《第一行代码Andorid》阅读笔记-第一章
  • Educational Codeforces Round 146 (Rated for Div. 2)(VP)
  • 9.30国庆
  • java基础-第4章-面向对象(二)
  • flex加 grid 布局笔记
  • 最高评级!华为云CodeArts Board获信通院软件研发效能度量平台先进级认证
  • 图像上传功能实现
  • 03_Node.js模块化开发
  • Nginx支持SNI证书,已经ssl_server_name的使用
  • Hive【Hive(六)窗口函数】
  • Met no ‘TRANSLATIONS’ entry in project
  • Leetcode901-股票价格跨度
  • “传统文化宣传片+虚拟人动捕设备”前景如何?
  • 节假日moc服务数据:解决用户99%的IT问题
  • WOL唤醒配置(以太网、PHY、MAC)
  • MySQL复制,约束条件,查询与安全控制
  • Java ES 滚动查询
  • 机器学习算法基础--KNN算法分类