关于使用uni-app写H5首页的一些css样式的记录

• 当没有内外边距时，两个元素不在同一水平线上，可使用 vertical-align:middle;（可能两个元素都需要使用）

• display: inline-flex;
  flex-direction: column; 　　/*元素的排列方向为垂直*/
  justify-content: center;　　 /*水平居中对齐*/
  align-items: center;　　      /*垂直居中对齐*/

• white-space: nowrap; 　　// 实现区域滚动里的内容进行横排显示

• display: -webkit-box; 　　// 以下四句样式是让文字2行后，多出文字进行隐藏，并显示出省略号
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;

• width: 180upx;　　       // 当文字超出180upx的长度就隐藏，并且不换行，用省略号代表隐藏文字
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;

• 注意有些有文字的盒子最好是不要设置宽高，直接使用padding把盒子撑开就可以了
• 当需要显示层级的时候，需要使用 z-index ，但是要让他有效的话，必须要使用定位才能生效，不能使用 absolute，使用 relative 或者 fixed