css 小技巧

css实现定位居中

width: 600px;
height: 400px;
position: absolute;
left: 50%;
top: 50%;   
transform: translate(-50%, -50%);

方法二:

width: 600px;
height: 400px;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto; 

纯css控制文字2行显示多余部分隐藏

text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

判断是否在区间日期时间内

   function nowInDateBetwen(d1, d2) {
	//如果时间格式是正确的,那下面这一步转化时间格式就可以不用了
	// var dateBegin = new Date(d1.replace(/-/g, "/"));//将-转化为/,使用new Date
	// var dateEnd = new Date(d2.replace(/-/g, "/"));//将-转化为/,使用new Date
	var dateBegin = new Date(d1); //将-转化为/,使用new Date
	var dateEnd = new Date(d2); //将-转化为/,使用new Date
	var dateNow = new Date(); //获取当前时间
	var beginDiff = dateNow.getTime() - dateBegin.getTime(); //时间差的毫秒数       
	var beginDayDiff = Math.floor(beginDiff / (24 * 3600 * 1000)); //计算出相差天数
	var endDiff = dateEnd.getTime() - dateNow.getTime(); //时间差的毫秒数
	var endDayDiff = Math.floor(endDiff / (24 * 3600 * 1000)); //计算出相差天数       
	if (endDayDiff < 0) { //已过期
		// console.log("已过期");
		return "已过期"
	}
	if (beginDayDiff < 0) { //没到开始时间
		// console.log("没到开始时间");
		return "没到开始时间"
	}
	// console.log("在时间范围内");
	return "在时间范围内"
}
Comments: 0

「人生在世,留句话给我吧」

提交评论