translate()函数是css3的新特性.在不知道自身宽高的情况下，可以利用它来进行水平垂直居中.。 当使用：top: 50%;left: 50%;， 是以左上角为原点，故不处于中心位置 translate(-50%,-50%) 作用是，往上（x轴）,左（y轴）移动自身长宽的 50%，以使其居于 ...
分类：
其他好文 时间：
2018-11-21 10:21:58
阅读次数：
1830
以上方法在Android上显示水平垂直居中， 但在IOS上只能水平居中, 方法是在IOS上添加lineHeight: 100, 如下 别忘了在react-native模块中导入组件 StyleSheet和Platform ...
分类：
其他好文 时间：
2018-11-20 17:11:08
阅读次数：
409
(1) 水平居中 a. 行内元素水平居中 因为img是行内元素(行内块级元素也一样)父级元素设置text-align:center即可，例如： <div style="width: 600px; height: 300px; border:1px solid red;text-align: cent ...
分类：
Web程序 时间：
2018-11-19 16:15:35
阅读次数：
245
阶段一：单应用架构 完成 问题一： "内存溢出java.lang.OutOfMemoryError" 解决：对tomcat容器，可以在启动时对jvm设置内存限度。对tomcat，可以在catalina.bat中添加： 或者把%CATALINA_OPTS%和%JAVA_OPTS%代替为 Xms128M ...
分类：
其他好文 时间：
2018-11-19 11:15:04
阅读次数：
167
经典的八皇后问题， queen 可以攻击的范围： 水平，垂直，斜向， 放置 queen 让所有的queens 不在对方的攻击范围内，问有多少种方法或者产生相应的棋盘。 分析： 依次产生每一行的结果， 先在某行某个位置放一个结果，如果不能产生解 则back tracking 到上一行，重新放置。 以 ...
分类：
其他好文 时间：
2018-11-17 15:59:57
阅读次数：
217
简介 Viewer.js 是一款强大的图片查看器 Viewer.js 有以下特点： 支持移动设备触摸事件 支持响应式 支持放大/缩小 支持旋转（类似微博的图片旋转） 支持水平/垂直翻转 支持图片移动 支持键盘 支持全屏幻灯片模式（可做屏保） 支持缩略图 支持标题显示 支持多种自定义事件 Viewer ...
分类：
Web程序 时间：
2018-11-17 14:32:27
阅读次数：
1557
常用前端布局，CSS技巧介绍 对前端常用布局的整理总结，并对其性能优劣，兼容等情况进行介绍 css常用技巧之可变大小正方形的绘制 元素高度可变，需要元素内部元素水平垂直居中（主要是垂直）方案 对于单行文本和多行文本超出部分 ... 自定义文本选择样式 杂项 css变量使用 查看详情 border为1 ...
分类：
Web程序 时间：
2018-11-11 19:12:07
阅读次数：
169
使用flex 定位方式： margin:auto; ...
分类：
其他好文 时间：
2018-10-25 15:44:42
阅读次数：
118
总结一下，最经典的面试题 分两种情况，宽高确定和不定宽高 （一）宽高确定 初始条件如下： 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
