最近使用flutter实现了一个上下的抽屉效果，使用起来方便，一行代码，话不多说，直接上效果及代码： 效果： 视频效果： 使用代码： 核心代码： 核心代码下载链接（答应我，不白嫖，给颗星）： https://github.com/huangzhiwu1023/flutter_Drawer demo地 ...
分类：
其他好文 时间：
2021-04-27 15:20:00
阅读次数：
0
方法2：display:flex 1 2 3 4 5 .box2{ display: flex; justify-content:center; align-items:Center; } 方法3：绝对定位和负边距 .box3{position:relative;} .box3 span{ posi ...
分类：
Web程序 时间：
2021-04-24 13:51:53
阅读次数：
0
1.table-cell <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> .box{ width: 200px; height: 200px; background-color: red; di ...
分类：
Web程序 时间：
2021-04-22 15:56:20
阅读次数：
0
<br>换行标记(单独的Enter在HTML只会被当作一个特殊字符，不属于换行符) <P>段落标记 如：<P>第二段</P> 标题标记：分1-6级标题，其中<h1>为1级标题，<h2>为2级标题，以此类推到<6> 标题标记格式：<h1>标题1</h1> 居中标记：<center><h1>标题1</h ...
分类：
Web程序 时间：
2021-04-22 15:20:34
阅读次数：
0
1.父元素设置：text-align : center; 2.转化成块元素并设置宽度，设置margin : 0 auto; <div class="box"> <!-- <input id="input1" type="text"> --> <sapn id="input1">22222</sapn ...
分类：
其他好文 时间：
2021-04-12 12:52:10
阅读次数：
0
1.仅水平居中： 1.1行内元素水平居中：text-align 1 <head> 2 <style> 3 #box { 4 width: 200px; 5 height: 200px; 6 border: 1px solid red; 7 /* 行内元素水平 */ 8 text-align: cen ...
分类：
其他好文 时间：
2021-04-12 12:06:07
阅读次数：
0
1. 文字的居中 对于标准的markdown文本，是不支持居中对齐的。还好markdown支持html语言，所以我们采用html语法格式即可。 <center>这一行需要居中</center> 下面就是排版后的结果 这一行需要居中 2.文字的字体及颜色 2.1 字体更换 同样我们也需要遵照其标准的语 ...
分类：
其他好文 时间：
2021-04-06 15:17:53
阅读次数：
0
写一个页面，用到了垂直居中，但是页面是自适应的，所以div的高度也是不固定的 只能使用百分比来指定高度，然后测试了好长时间 就是文字弄不了垂直居中。 于是 自己整理了一个亲测可行的方案。 具体代码如下： <div style="height:100%;display:table;width:100% ...
分类：
Web程序 时间：
2021-04-05 12:35:45
阅读次数：
0
父元素：box1,子元素：box2； 持续补充中。。。。。 一、子div定宽高 1. flex布局 .box1{ width: 300px; height: 300px; border: 1px solid red; display: flex; align-items: center; } .bo ...
分类：
其他好文 时间：
2021-04-01 13:41:10
阅读次数：
0
##基础居中布局 .wrap{ width:1000px; margin:0 auto; } </style> <div class="nav wrap"></div> <div class="header wrap"></div> <div class="footer wrap"></div> # ...
分类：
其他好文 时间：
2021-03-18 14:16:42
阅读次数：
0
