父元素设置了flex 布局
display: flex; align-items: center;
如何让某个子元素靠右呢?
方法一
flex: 1; text-align: right;
方法二
margin-left: auto;
小结：
· 父盒子加了display: flex，就相当于起到浮动的效果，盒子会自行排列成一排；
· 若想让父盒子里的某一个盒子靠右显示，其他盒子居左， 只需要在父盒子里面，加入display: flex，在想要移动的盒子里面，加入margin-left: auto即可；
· 同理，如果你想让第一个盒子向左显示，其余盒子都向右显示，只需要给左边的第一个盒子设置 margin-right:auto即可；
在一些网页上，当你滚动页面的时候会看到各式各样的元素动画效果，非常动感。WOW.js 就是一款帮助你实现这种 CSS 动画效果的插件，很容易定制，你可以改变动画设置喜欢的风格、延迟、长度、...
该方法主要用来做网站自适应的，同时可以实现撑起内容高度。实现方法很多，其中简洁的方法就是直接在img的父元素上加padding-bottom<div class="img-b...
本文主要介绍的是CSS字体font-family的正确选择方案，由于设计稿和平台的不同，导致了制作有时候无法还原设计稿，理清各种平台字体区别，有助于做出最好的选择。大家都知道，在不同操作系统、不同游览...
使用自定义字体时候，很容易像PC端那样定义，其实安卓和ISO系统，对中文字体是不支持，所以定义以后看到效果不是直接定义字体效果，如果需要定义大家会想到 @font-face 定义为微软雅黑字体并存放到...
Google Fonts 提供了超过 600 种的高质量的字体，所有的浏览器都兼容，无需引入 JavaScript，简单易用，更重要的是，免费。如何使用 Google Fonts在线字库地址：http...
滚屏加载技术，就是使用Javascript监视滚动条的位置，每次当滚动条到达浏览器窗口底部时，触发一个Ajax请求后 台PHP程序，返回相应的数据，并将返回的数据追加到页面底部，从而实现了动态加载，其...
