1. flex中的align-item 2. tabel + tabel-cell 3. transform方式(多用于列表图片不规整的居中显示) ...
分类：
其他好文 时间：
2018-08-22 16:55:08
阅读次数：
162
以前总是被垂直居中的方法所困扰，今天来总结一下垂直居中的方法，增强记忆 div等块级元素居中 第一种方法，利用绝对定位居中（相对于父容器），就是要居中的元素相对父容器做一个绝对定位，要求块级元素的高度和宽度确定（水平居中则要求宽度确定），然后设置上下左右数值都为零，再设置外边距为自动就可以了，代码如 ...
分类：
Web程序 时间：
2018-08-20 14:36:01
阅读次数：
222
垂直居中： 1，单行文本，行高等于高，即line-height等于父级的高； 2，多行文本，父级设置相对定位：position:relative，子集设置绝对定位,position:absolute;先定位到50%的位置，即top:50%, 在往上提自身的50%，即margin-top:-自身高度的 ...
分类：
Web程序 时间：
2018-08-19 23:21:55
阅读次数：
240
方法一： 容器确定宽高：知识点：transform只能设置在display为block的元素上。 方法一效果图: 方法二： ...
分类：
Web程序 时间：
2018-08-19 21:51:08
阅读次数：
194
布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持 ...
分类：
其他好文 时间：
2018-08-18 15:31:02
阅读次数：
170
方法1：table-cell 方法2：display:flex .box2{ display: flex; justify-content:center; //横 align-items:Center; //竖 } ...
分类：
Web程序 时间：
2018-08-17 23:37:11
阅读次数：
231
这篇文章主要介绍了关于小程序之如和使用view内部组件来进行页面的排版功能，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下 涉及知识点： 1、垂直排列，水平排列 2、居中对齐 示例： 1、默认排版 ， 一个父组件里面两个子view 显示效果: 2、先给父view设置一个高度和颜色值，用 ...
分类：
微信 时间：
2018-08-17 20:06:48
阅读次数：
328
line-height行高 行高也就是基线与基线的距离 一行文本垂直居中 行高的设置可以让一行文本在盒子中垂直居中 做法就是，让文字的行高等于盒子的高度 行高分为上距离，下距离和内容高度，上下距离平分除内容高度外距离 行高小于盒子高度，会偏上一点， 行高大于盒子高度，会偏下一点， ...
分类：
Web程序 时间：
2018-08-17 13:58:35
阅读次数：
212
百信银行 一面：前端负责人，前端小组9人+。 HTML5新增的内容（标签和JS部分） 离线存储 CSS3新增的单位和内容 CSS实现hover A元素修改B元素的宽度 CSS定位元素绝对水平垂直居中 CSS选择器权重。10个Class权重大于单个ID ES6新增的内容。 ES6的Class和new ...
分类：
其他好文 时间：
2018-08-16 00:52:02
阅读次数：
163
.table-1 td { height: 1.1467rem; line-height: 1.1467rem; text-align: center; vertical-align: middle; color: #666; width: 50%; } .sure-img{ width: 0.34... ...
分类：
其他好文 时间：
2018-08-15 19:05:54
阅读次数：
657
