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

flex布局方式让最后一个(或第二个...n)元素居右显示

 

<div class="round">

                <div class="income">收入</div>

                <div class="center">

                  <img style="width: 12px" src="../../img/big/up.png">

                </div>

                <div class="rg"> <span class="green" id="one"> 0.00 </span> 元</div>

</div>

.round {

  1. display: flex;
  2. align-items: center;
  3. padding:0.05rem;
  4. }

.center{

        margin-left:auto;

        margin-right:-30px;

}

.rg{

        margin-left:auto;

        margin-right:10px;

}

 

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

相关文章:

  • 【Python语言基础】——Python MySQL Order By
  • 自然数学的哲学原理--复数理论的扩展
  • tsconfig.json中的一些配置
  • Spark调优总结
  • 4.创建和加入通道相关(network.sh脚本createChannel函数分析)[fabric2.2]
  • 若依学习(前后端分离版)——自定义注解@Log(如何自定义注解,实现aop)
  • 防止暴力破解ssh的四种方法
  • jsp试卷分析管理系统Myeclipse开发mysql数据库web结构java编程计算机网页项目
  • 可选链运算符(?.)与空值合并运算符(??)
  • JavaScript 闭包
  • 每日记录自己的Android项目(二)—Viewbinding,WebView,Navigation
  • 20230305英语学习
  • 【Linux】手把手教你在CentOS上使用docker 安装MySQL8.0
  • 论文解读:High Dynamic Range and Super-Resolution from Raw Image Bursts
  • 国内的PMP考试通过率高达97%?
  • IOC(概念和原理)
  • 操作系统 - 第二章
  • 进程控制~
  • HCIP第一个实验
  • 阿里云轻量服务器--Docker--dubbo-admin安装(连接zookeeper nacos)
  • 树莓派Pico W无线WiFi开发板使用方法及MicroPython编程实践
  • Redis学习【11】之分布式系统
  • 光速c数列的猜想:光猜
  • 2023年全国最新交安安全员精选真题及答案12
  • 2023年全国最新安全员精选真题及答案14
  • 让Vue响应Map或Set的变化操作,在vue中响应map和set数据结构,计算属性的用法,计算属性特点
  • Unable to find a valid cuDNN algorithm to run convolution
  • Linux 进程:进程退出返回值的获取
  • JavaScript核心高级内容复习1
  • 2D图像处理:Qt + Opencv使用光度立体法检测Halcon中提供的缺陷图像