父元素设置了flex 布局
display: flex; align-items: center;
如何让某个子元素靠右呢?
方法一
flex: 1; text-align: right;
方法二
margin-left: auto;
小结：
· 父盒子加了display: flex，就相当于起到浮动的效果，盒子会自行排列成一排；
· 若想让父盒子里的某一个盒子靠右显示，其他盒子居左， 只需要在父盒子里面，加入display: flex，在想要移动的盒子里面，加入margin-left: auto即可；
· 同理，如果你想让第一个盒子向左显示，其余盒子都向右显示，只需要给左边的第一个盒子设置 margin-right:auto即可；
css动画大家都不陌生，但是你知道css动画是可暂停的吗？如果你不知道就来看看吧。虽然用过很多次animation，但是也就前几天才知道动画是可以暂停的，可见自己对动画的了解还是不够深，一起来学习一下...
该方法主要用来做网站自适应的，同时可以实现撑起内容高度。实现方法很多，其中简洁的方法就是直接在img的父元素上加padding-bottom<div class="img-b...
chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框，而且textarea还可以任意拖动放大，这是不能容忍的，影响美观不说，有时候拖动textarea还会使页面布局错乱，所...
和 WOW.js 一样，scrollReveal.js 也是一款页面滚动显示动画的 JavaScript，能让页面更加有趣，更吸引用户眼球。不同的是 WOW.js 的动画只播放一次，而 scrollR...
如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。实现方法：overflow: hidden;...
说起text-align，大家一定都不觉得陌生，我们常用关键字left、right、center实现行内元素相对父元素左、右、居中对齐，当然我们也使用justify来实现文本两端对齐。如上图，两端对齐...
