首页 > 其他分享 >设置display:flex后 flex布局设置单个子元素靠右

设置display:flex后 flex布局设置单个子元素靠右

时间:2022-11-03 18:04:09浏览次数:117  
标签:flex 在线 客服 元素 靠右 设置

比如有三个元素:

<div>
  <div></div>
  <div></div>
  <div></div>
</div>

最外层的设置display:flex,水平排列,子元素前两个靠左,第三个靠右

有两种方式实现,第三个元素设置

// 方法一
margin-left: auto;
// 方法二
flex: 1;
text-align:right

 

开源作品


GOFLY是一款基于Golang+Vue开发的在线客服系统,软件著作权编号:2021SR1462600。一套可私有化部署的在线客服系统,编译后的二进制文件可直接使用无需搭开发环境,下载zip解压即可,仅依赖MySQL数据库,是一个开箱即用的网页在线客服系统,致力于帮助广大开发者/中小站长快速整合私有客服功能。


github地址:​​go-fly​


标签:flex,在线,客服,元素,靠右,设置
From: https://blog.51cto.com/u_15274085/5820635

相关文章