关于Flex 背景 在flex布局出现以前，常用的水平和垂直居中对齐方式有很多。flex布局的出现基本规范了这一过程。 通过justify content和align items两个属性即解决了水平居中、垂直居中、水平垂直混合居中的问题。 display:flex 应用在父元素的属性 flex fl ...
分类：
Web程序 时间：
2018-10-13 14:45:15
阅读次数：
174
先看例子： .ub{ display: -webkit-box !important; display: box !important; position:relative;}.ub-f1{ position:relative; -webkit-box-flex: 1; box-flex: 1;} ...
分类：
Web程序 时间：
2018-08-04 22:31:21
阅读次数：
437
这里介绍实现元素垂直居中的方式，文章是参考了《css制作水平垂直居中对齐》这一篇文章。 1.行高和高度实现 这种方式实现单行垂直居中是很简单的，但是要保证元素内容是单行的，并且其高度是不变的，只要将“line-height”和“height”设置成一样的就可以了。这种方式局限性在于只有单行文本的元素 ...
分类：
Web程序 时间：
2018-07-23 12:37:12
阅读次数：
220
配电室监控可以说是我做的比较杰出的一个功能了，貌似是去年7月份左右做完的，至今也有一年了，要不是今天看到，我都忘了我曾写过这样一个功能。好的东西还是应该记录一下的，今天花点时间简单写个备忘吧。 首先介绍对象，以及对象的增删改，然后介绍监控页面，最后总结开发经验。 配电室有1-3个变压器 一个进线一个 ...
分类：
其他好文 时间：
2018-07-19 13:40:57
阅读次数：
185
在前端开发中我们经常需要将元素垂直居中对齐，我们很自然的想到使用vertical align属性，但是使用后却发现有时候能起作用，有时候却又不起作用。究其原因还是因为我们没有将vertical align属性弄清楚，今天就来分析一下这个属性，若分析有误，还请原谅，望一起探讨！ "规范介绍" 适用元素 ...
分类：
其他好文 时间：
2018-07-15 12:03:14
阅读次数：
212
我们知道常用的居中对齐方式有很多种例如： 但是在view中的文字对齐却不能简单的使用text-align: center;来实现，这种办法只能实现文字的水平居中， 要实现水平垂直居中 可使用如下方案 .td { display: flex; align-items: center; justify- ...
分类：
微信 时间：
2018-06-30 12:39:28
阅读次数：
1232
在前端开发制作中，图片垂直居中对齐是很常见的，有些是固定高度，有些没有固定高度，本文分享我用的四种方法，希望对你有所启发。 来源：http://caibaojian.com/img-vertical-middle.html 以下说的做法暂不考虑IE浏览器的兼容性，适用于移动端，对兼容性感兴趣的可以看 ...
分类：
其他好文 时间：
2018-02-14 10:33:34
阅读次数：
201
一 CSS文字属性：color : #999999; /*文字颜色*/font-family : 宋体,sans-serif; /*文字字体*/font-size : 9pt; /*文字大小*/font-style:itelic; /*文字斜体*/font-variant:small-caps; / ...
分类：
Web程序 时间：
2018-01-16 12:18:35
阅读次数：
229
以下方法来自百度知道：https://zhidao.baidu.com/question/558984366971173044.html 方法1： 方法2： 方法3： 方法4： ...
分类：
其他好文 时间：
2017-09-30 00:41:43
阅读次数：
187
