1. flex设置元素垂直居中对齐 在之前的一篇文章中记载过如何垂直居中对齐，方法有很多，但是在学习了flex布局之后，垂直居中更加容易实现 HTML代码： CSS代码： 2. 用flex布局制作导航栏 以前在写导航栏的时候，总是用float或者display：inline-block实现，但是这两 ...
分类：
其他好文 时间：
2019-07-06 00:04:11
阅读次数：
95
/* ============================================================ flex：定义布局为盒模型 flex-v：盒模型垂直布局 flex-1：子元素占据剩余的空间 flex-align-center：子元素垂直居中 flex-pack-cen... ...
分类：
移动开发 时间：
2019-05-14 14:42:15
阅读次数：
334
定位: 将元素居中 将元素水平居中 将元素垂直居中 样式: 文字毛玻璃效果 -------------------------------------------代码------------------------------------------------------ 将元素居中: ... ...
分类：
Web程序 时间：
2019-03-31 20:48:23
阅读次数：
174
1. flex设置元素垂直居中对齐 在之前的一篇文章中记载过如何垂直居中对齐，方法有很多，但是在学习了flex布局之后，垂直居中更加容易实现 HTML代码： CSS代码： 效果如图： 2. 用flex布局制作导航栏 以前在写导航栏的时候，总是用float或者display：inline-block实 ...
分类：
其他好文 时间：
2019-03-27 17:11:53
阅读次数：
168
1.Flex布局子元素垂直居中，给父元素添加以下样式： 2.js面向对象的选项卡 见另一篇文章 js面向对象的选项卡 3.classList属性 参考 菜鸟教程 HTML DOM classList属性 实例如下： ...
分类：
其他好文 时间：
2019-01-04 14:31:55
阅读次数：
175
之前的随笔从阮一峰老师那里学到了flex的基本用法及作用，现在来把flex具体运用到实例中，看看flex的弹性布局效果。 1. flex设置元素垂直居中对齐 在之前的一篇文章中记载过如何垂直居中对齐，方法有很多，但是在学习了flex布局之后，垂直居中更加容易实现 HTML代码： CSS代码： 效果如 ...
分类：
其他好文 时间：
2018-12-23 00:23:18
阅读次数：
146
今天写前端的时候，在HTML表格里使用如下命令设置垂直方向的居中对齐： 运行结果显示如下： 因为表头一行已经设置了valign属性为middle，所以以为结果应该是垂直居中的，不知道为什么”所有图书信息“这个二级标题是贴紧表格顶端的。查了半天百度和Google也无解，于是我在DreamWeaver中 ...
分类：
Web程序 时间：
2018-12-13 23:32:28
阅读次数：
287
https://blog.csdn.net/u014607184/article/details/51820508 https://blog.csdn.net/liuying1802028915/article/details/79408551 <!-- flowchart 箭头图标 勿删 --> ...
分类：
Web程序 时间：
2018-09-12 19:58:25
阅读次数：
235
css： align-items: center; 该样式配合display: flex;可以使子元素垂直居中 justify-content: center; 该样式配合display: flex;可以使子元素水平居中 vertical-align:; 垂直对齐方式 outline-style:; ...
分类：
其他好文 时间：
2018-08-30 19:57:06
阅读次数：
137
每次面试都是知识收获的过程！ 1、文本水平居中 效果： 2、文本垂直居中 效果： 3、块元素水平 效果： 4、块元素垂直居中 效果： ...
分类：
其他好文 时间：
2018-07-25 11:39:46
阅读次数：
158
