常用css技巧

1. 单行文本超出显示...(记得设置宽度)

   overflow: hidden;
   text-overflow:ellipsis;
   white-space: nowrap;
   

2. 多行文本超出显示...

   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;/** 设置行数，可自行修改*/
   overflow: hidden;
   

3. 设置vertical-align

   vertical-align不仅可以设置top|middle|bottom还可以设置百分数，正负均可

4. IOS低版本出现overflow滚动不流畅

   overflow: auto;
   -webkit-overflow-scrolling: touch;
   

5. 元素垂直居中

/** 第一种绝对定位方式*/
.box {
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transform: translate(50%, -50%);
}
/** 第二种方式 flex布局父元素控制子元素*/
.father {
	displat: flex;
    justify-content: center;
    align-items: center;
}

flex布局参考阮一峰老师Flex 布局教程：语法篇

未完待续...

• 获取某个区间内的随机整数

function getRandomInt(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min
}