总结一下，最经典的面试题 分两种情况，宽高确定和不定宽高 （一）宽高确定 初始条件如下： 1. 绝对定位 + 负margin 里面的盒子相对于父盒子绝对定位，距离上面和左边分别为50%，此处的50%是相对于父元素的高和宽， 然后通过margin-left 和 margin-top 设置为负值，使元素 ...
分类：
Web程序 时间：
2018-10-24 10:43:43
阅读次数：
177
方法一：使用position 元素已知宽度 方法二：position tranform 元素宽度未知 得到的效果和上图一样 当使用这种方法将文字放在div水平垂直的位置的时候，会出现字体边缘模糊的结果，解决方法是：使用flex完成垂直居中,设置排列方向为column,并设置justify-conte ...
分类：
Web程序 时间：
2018-10-23 23:09:38
阅读次数：
180
利用CSS进行元素的水平居中，比较简单，行级元素设置其父元素的text-align center，块级元素设置其本身的left 和 right margins为auto即可。本文收集了六种利用css进行元素的垂直居中的方法，每一种适用于不同的情况，在实际的使用过程中选择某一种方法即可。 一、 Lin ...
分类：
其他好文 时间：
2018-10-20 16:25:39
阅读次数：
164
之前习惯了使用纯代码布局，最近使用xib给scrollView添加约束时遇到了一些问题，查阅资料后总结一下。 1.在xib中添加一个滚动视图UIScrollView，上下左右约束都为0 2.在滚动视图上添加一个UIView，如果是水平方向滚动，设置UIView垂直居中。如果是竖直方向滚动，设置UIV ...
分类：
移动开发 时间：
2018-10-16 17:52:00
阅读次数：
318
关于Flex 背景 在flex布局出现以前，常用的水平和垂直居中对齐方式有很多。flex布局的出现基本规范了这一过程。 通过justify content和align items两个属性即解决了水平居中、垂直居中、水平垂直混合居中的问题。 display:flex 应用在父元素的属性 flex fl ...
分类：
Web程序 时间：
2018-10-13 14:45:15
阅读次数：
174
line-height 该方法适用于单行文字垂直居中 line-height + inline-block 将多个元素或多行元素当成一个行元素来看待，需要将这些数据多包一层，并将其设定为inline-block，并在该inline-block对象的外层对象使用inline-block来代替heigh ...
分类：
其他好文 时间：
2018-10-10 23:45:45
阅读次数：
238
一、找到元素： docunment.getElementById("id")；根据id找，最多找一个； var a =docunment.getElementById("id");将找到的元素放在变量中； docunment.getElementsByName("name")；根据name找，找出来 ...
分类：
编程语言 时间：
2018-10-08 20:35:24
阅读次数：
173
布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持 ...
分类：
其他好文 时间：
2018-10-06 14:37:15
阅读次数：
203
.box{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -o-box; display: box; display: -webkit-flex; display: flex; } Jquery.js ...
分类：
其他好文 时间：
2018-10-04 10:42:37
阅读次数：
199
