码迷,mamicode.com
首页 > 其他好文 > 详细

使用弹性布局实现文本右对齐

时间:2020-06-09 20:10:46      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:img   相等   实现   class   nbsp   mic   弹性   style   splay   

首先父元素肯定时先使用弹性布局,并设置wrap属性使其自动折行

  .flexContainer {
    display: flex !important;
    flex-wrap: wrap;
  }

首先使用弹性布局对子元素进行平均划分,使他们的高宽相等可以,然后设置text-align进行右对齐即可(注意:子元素的内容范围不能超出平均分配的空间)

  .flexElement {
    width: 33%;
    height: 60px;
    text-align: end;
  }

 

技术图片

 

使用弹性布局实现文本右对齐

标签:img   相等   实现   class   nbsp   mic   弹性   style   splay   

原文地址:https://www.cnblogs.com/jiangxiaoxi/p/13080286.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!