垂直居中： 1，单行文本，行高等于高，即line-height等于父级的高； 2，多行文本，父级设置相对定位：position:relative，子集设置绝对定位,position:absolute;先定位到50%的位置，即top:50%, 在往上提自身的50%，即margin-top:-自身高度的 ...
分类：
Web程序 时间：
2018-08-19 23:21:55
阅读次数：
240
很多人对CSS的布局有困惑，实际的应用场景中由于布局种类多难以选择。今天我花些时间总结下自己对CSS布局的理解，分析下了解各种布局的优劣，同时希望能分享给初入前端的朋友们一些在布局上的经验，如果有那些地方总结的不好，欢迎大家指正。言归正传，现在就来揭开各种布局的面纱。 单列布局 水平居中 水平居中的 ...
分类：
Web程序 时间：
2018-08-14 19:59:49
阅读次数：
280
水平居中 行内或类行内元素（比如文本和链接） 在块级父容器中让行内元素居中，只需使用 text-align: center; 这种方法可以让 styple="display:inline/inline-block/inline-table/inline/flex ”等类型的元素实现居中。 块级元素 ...
分类：
Web程序 时间：
2018-08-06 15:20:33
阅读次数：
178
先看例子： .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
为什么要用flex进行webapp布局：
第一，float布局 需要清除浮动，很麻烦。
第二，绝对定位需要考虑位置和空间占位
第三，元素垂直水平居中问题。
分类：
其他好文 时间：
2018-08-03 14:12:20
阅读次数：
345
CSS中的居中，在工作中，会经常遇到。它可以分为水平居中和垂直居中，以下是几种实现居中的方式。 [git 查看源码][1] [配合在线预览，效果更佳][2] 以下例子中，涉及到的CSS属性值。 1: text align:center，水平居中 块状元素，水平居中 2：margin: 0 auto， ...
分类：
Web程序 时间：
2018-07-27 21:02:11
阅读次数：
143
每次面试都是知识收获的过程！ 1、文本水平居中 效果： 2、文本垂直居中 效果： 3、块元素水平 效果： 4、块元素垂直居中 效果： ...
分类：
其他好文 时间：
2018-07-25 11:39:46
阅读次数：
158
属性 和 值 1、作用 用来修饰元素 ex:让 p 标记的文本水平居中对齐 <p>Hello World</p> 2、语法 1、属性的声明必须位于开始标记里 <标记 属性></标记> 2、属性都可以有值，属性和值得表现方式 属性="值" <标记 属性="值"></标记> 3、一个元素中允许出现多属性 ...
分类：
Web程序 时间：
2018-07-18 23:31:19
阅读次数：
204
六种实现元素水平居中 1、margin和width实现水平居中 .center { width: 960px; margin-left: auto; margin-right: auto; } 2、inline-block实现水平居中方法 .pagination { text-align: cent ...
分类：
其他好文 时间：
2018-07-11 15:03:12
阅读次数：
186
