常用css

CSS与JS实用技巧

最新推荐文章于 2025-04-26 17:12:57 发布

qq_38674970

最新推荐文章于 2025-04-26 17:12:57 发布

阅读量342

点赞数

CC 4.0 BY-SA版权

分类专栏： jq学习文章标签：简单

本文链接：https://blog.youkuaiyun.com/qq_38674970/article/details/79524779

jq学习专栏收录该内容

20 篇文章

订阅专栏

animation-fill-mode : none | forwards | backwards | both;  保持动画最后一帧

//一排显现。。。不论几个子元素

display:flex;  //父元素
//子元素
position:relative;
flex:auto;

//一行显示 p标签
overflow: hidden; white-space: nowrap; text-overflow: ellipsis;显示与隐藏css

.topnav li:hover .znav{ display:block;}

css选择器

.topnav li:nth-child(2n){ top:-20px;}

不用a连接，使用js跳转

onclick="window.open('http://www.baidu.com')"

position: fixed;

display:flex;

底部对齐。并且内部元素平均显示

onkeyup="this.value=this.value.replace(/\D/g,'').replace(/....(?!$)/g,'$& ')"  //给银行卡和身份证空格

bank_carder_no.replace(/\s/g,"");     //去除空格

			var r=confirm("是否撤销申诉?");
					if (r==true)
			  {
					var jsonStr = JSON.stringify({"orderid":item.id,"uid":219,"type_id":2,});
					var token = md5(jsonStr + timestamp)+timestamp; 
					this.$http.post(url+"Order/deletorder",{jsonStr:jsonStr,token:token},{emulateJSON: true})
					.then((response)=>{
					response=response.body;
					this.goods=response.respond;
								  	  },
					(error)=>{
					console.log(error);
				      		 }
				   		);
				   	//刷新
			  }

//js弹出确认框

word-break: break-all;

//字母与数字换行

                for (var i = 0; i < aaa.length; i++) {
                    var obj = [];
                    obj.push(aaa[i].Longitude);
                    obj.push(aaa[i].Latitude);
                    obj.push("拖车委托编号:"+aaa[i].ProxyNo+","+"订单状态:"+aaa[i].ProxyStatus+","+"时间:"+aaa[i].CreatedDate);
                    arr.push(obj);
                }

//push数组