利用display:table-cell; 表格 这样就让文字可以水平垂直居中显示了。不过要注意一个问题：当.box被绝对定位的时候，文字无法垂直居中，但是相对定位仍然可以垂直居中。 既是当 .box 加上 position:absolute; 的时候，无法垂直居中。 当.box 加上 positi ...
分类：
其他好文 时间：
2017-12-06 17:52:11
阅读次数：
478
只有有写过css/css3实现元素的水平和垂直居中的几种方法http://www.cnblogs.com/liwenjian/p/7897057.html，但是css3属性不是所有浏览器都能兼容的，今天写下js实现未知宽高的元素的水平和垂直居中。 如果需要在有滚动条的情况的下要实现居中的效果，则需要 ...
分类：
Web程序 时间：
2017-11-26 17:46:43
阅读次数：
248
其实在平常的一些布局中也经常有要实现元素的垂直居中和水平居中的的需要，下面来写几种css/css3实现的未知宽高元素的水平和垂直居中的写法 ps：不考虑兼容问题（下次会写js实现元素的水平and垂直居中 ） 第一种 css3的transform 第二种 flex盒子布局 第三种 display的ta ...
分类：
Web程序 时间：
2017-11-26 00:45:46
阅读次数：
232
css position是个很重要的知识点： 知乎Header部分： 知乎Header-inner部分： position属性值： fixed：生成绝对定位的元素，相对浏览器窗口进行定位（位置可通过：left,right,top,bottom改变）;与文档流无关，不占据空间（可能与其它元素重叠） r ...
分类：
Web程序 时间：
2017-11-22 14:19:50
阅读次数：
214
using UnityEngine; using System.Collections; public class CameraController : MonoBehaviour { public float distance_v; public float distance_h; public ... ...
分类：
移动开发 时间：
2017-11-18 12:58:08
阅读次数：
216
一、盒子没有固定的宽和高 方案1、Transforms 变形 这是最简单的方法，不仅能实现绝对居中同样的效果，也支持联合可变高度方式使用。内容块定义transform: translate(-50%,-50%) 必须加上 top: 50%; left: 50%; 优点： 1. 内容可变高度 2. 代 ...
分类：
其他好文 时间：
2017-11-18 01:10:14
阅读次数：
244
参考：https://www.w3cplus.com/css/centering-css-complete-guide.html 一.水平居中 1.行内元素： text-align:center即可 2.块级元素【固定宽度】： (1).一个固定宽度的块级元素，使用margin:0 auto即可 (2 ...
分类：
其他好文 时间：
2017-11-17 17:31:09
阅读次数：
152
对于div的居中 ,如果是有固定宽高的，可以加margin:auto;水平垂直居中，但如果是不固定宽高，又想让div居中的话，这种方式都可能不奏效，达不到想要的效果。 有两种方法：1、加display:inline;变成内联元素，可以给父级加text-align:center 2. ...
分类：
其他好文 时间：
2017-11-09 22:36:56
阅读次数：
166
1.图片水平垂直居中 注： IE修复: *display: inline-block; 由于vertical-align属性与表格一起使用，我们将父DIV设置为display: table, 并将子DIV设置为单元格display: talbe-cell.然后我 们可以安全的使用vertical-a ...
分类：
Web程序 时间：
2017-11-09 21:04:05
阅读次数：
182
1. 使用text-align 和 vertical-align 和 inline-block实现水平垂直居中 html css 2. 使用positon实现水平垂直居中 html css 3. 使用flex实现水平垂直居中 html css ...
分类：
Web程序 时间：
2017-11-06 16:47:02
阅读次数：
251
