随笔- 62 文章- 0 评论- 1 阅读- 94734

10 2019 档案

摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 7 <style> 8 #div1 { 9 width: 200px; 10 height: 200px; 11 background: #deb887; 12 position: absolute; 13 阅读全文

posted @ 2019-10-28 21:26 Haoyin-杰克阅读(832) 评论(0) 推荐(0) 编辑

react-context

摘要：Context被翻译为上下文，在编程领域，这是一个经常会接触到的概念，React中也有。在React的官方文档中，Context被归类为高级部分(Advanced)，属于React的高级API，但官方并不建议在稳定版的App中使用Context。 The vast majority of appl 阅读全文

posted @ 2019-10-27 22:35 Haoyin-杰克阅读(527) 评论(0) 推荐(0) 编辑

上下固定，中间自适应布局

摘要：一、flex布局二、定位布局效果：阅读全文

posted @ 2019-10-27 16:18 Haoyin-杰克阅读(449) 评论(0) 推荐(0) 编辑

左右固定，中间自适应布局

摘要：1.使用自身浮动法：自身浮动法的原理就是对左右分别使用float:left和float:right，float使左右两个元素脱离文档流，中间元素正常在正常文档流中。对中间文档流使用margin指定左右外边距进行定位。该布局法的不足是三个元素的顺序，middle一定要放在最后，middle占据文档流阅读全文

posted @ 2019-10-27 16:12 Haoyin-杰克阅读(625) 评论(0) 推荐(0) 编辑

animation,transition,transform小练习

摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style> 7 .main { 8 position: absolute; 9 width:300px; 10 height:500px; 11 background-color: fuchsia; 12 阅读全文

posted @ 2019-10-26 22:58 Haoyin-杰克阅读(198) 评论(0) 推荐(0) 编辑

垂直居中布局

摘要：效果：第二种：flex布局垂直居中效果：阅读全文

posted @ 2019-10-26 20:42 Haoyin-杰克阅读(155) 评论(0) 推荐(0) 编辑