11 2018 档案

【css】图片垂直水平居中
摘要:一、已知宽高的图片实现垂直水平居中 1.借助margin-top负边距实现垂直居中 2.借助额外的块级元素实现垂直居中 二、未知宽高的图片实现垂直水平居中 1.利用line-height 和 vertical-align:middle实现垂直居中 2.借助高度100%的一个标签,原理vertical 阅读全文

posted @ 2018-11-23 16:54 smile轉角 阅读(426) 评论(0) 推荐(0) 编辑

【css】一行或者多行文字垂直水平居中
摘要:1.方法一:使用css3弹性盒子(兼容IE10及以上浏览器,firefox,chrome,safari 5.1.7不支持) 效果: 2.使用display:table-cell(不确定高度的容器中垂直居中) 兼容性:IE8及以上浏览器,chrome,firefox 效果: 3.利用vertical- 阅读全文

posted @ 2018-11-23 15:02 smile轉角 阅读(4724) 评论(0) 推荐(1) 编辑

【html】使用img标签和背景图片之间的区别
摘要:1.加载问题 背景图片会等到html结构加载完成才开始加载 img标签是网页结构的一部分,会在html结构加载的时候加载 在网页加载的过程中,背景图片会等到结构加载完成(网页的内容全部显示以后)才开始加载,而img标签 是网页结构(内容)的一部分会在html结构加载的过程中加载,换句话讲,网页会先加 阅读全文

posted @ 2018-11-22 16:17 smile轉角 阅读(3937) 评论(0) 推荐(1) 编辑

【js】字符串方法
摘要:let str = 'na'; console.log(str.repeat('3'));//nanana console.log(str.startsWith('n'));//true console.log(str.endsWith('n'));//false console.log(str.includes('b'));//false console.log(str.padEnd('3',... 阅读全文

posted @ 2018-11-19 17:32 smile轉角 阅读(183) 评论(0) 推荐(0) 编辑

【js】数组排重
摘要:方法一: let set = new Set([1,2,3,4,4,4,4,4]); console.log( Array.from(set) ); //输出:[ 1, 2, 3, 4 ] 方法二: var arr = [1,2,3,1,2,3,5,6,7,5,6,7,8,9,0,0]; var t 阅读全文

posted @ 2018-11-05 15:27 smile轉角 阅读(665) 评论(0) 推荐(0) 编辑

导航

统计

点击右上角即可分享
微信分享提示