2018 年 11月随笔档案 - smile轉角

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) 编辑

摘要：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) 编辑