父元素设置了flex 布局
display: flex; align-items: center;
如何让某个子元素靠右呢?
方法一
flex: 1; text-align: right;
方法二
margin-left: auto;
小结：
· 父盒子加了display: flex，就相当于起到浮动的效果，盒子会自行排列成一排；
· 若想让父盒子里的某一个盒子靠右显示，其他盒子居左， 只需要在父盒子里面，加入display: flex，在想要移动的盒子里面，加入margin-left: auto即可；
· 同理，如果你想让第一个盒子向左显示，其余盒子都向右显示，只需要给左边的第一个盒子设置 margin-right:auto即可；
使用HTML5提供的JavaScript Api可以实现主流浏览器的全屏和退出全屏操作，封装成进入全屏和退出全屏的函数如下：//进入全屏 func...
说起text-align，大家一定都不觉得陌生，我们常用关键字left、right、center实现行内元素相对父元素左、右、居中对齐，当然我们也使用justify来实现文本两端对齐。如上图，两端对齐...
采用正则表达式获取地址栏参数：（ 强烈推荐，既实用又方便！）function GetQueryString(name) { v...
本文主要介绍的是CSS字体font-family的正确选择方案，由于设计稿和平台的不同，导致了制作有时候无法还原设计稿，理清各种平台字体区别，有助于做出最好的选择。大家都知道，在不同操作系统、不同游览...
该方法主要用来做网站自适应的，同时可以实现撑起内容高度。实现方法很多，其中简洁的方法就是直接在img的父元素上加padding-bottom<div class="img-b...
和 WOW.js 一样，scrollReveal.js 也是一款页面滚动显示动画的 JavaScript，能让页面更加有趣，更吸引用户眼球。不同的是 WOW.js 的动画只播放一次，而 scrollR...
