atitit.gui界面纵向居中总结
1.table法...这个简单..
表格设置100%高度,
三、把容器当作表格单元
CSS 提供一系列diplay属性值，包括 display: table, display: table-row, display: table-cell 等，能把元素当作表格单元来显示。这是再加上 vertical-align: middle,...
分类：
其他好文 时间：
2014-05-13 08:28:41
阅读次数：
295
.box{overflow:auto;zoom:1;}.box-in{display:inline-block;vertical-align:top;}.border-box{-webkit-box-sizing:
border-box;-moz-box-sizing: border-box;box...
分类：
Web程序 时间：
2014-05-12 06:14:48
阅读次数：
460
1、图片及文字水平居中只需要加上text-align:center即可；2、单行文本垂直居中，高度等于行高即可；3、多行文本及图片垂直居中： 需要在外面嵌套两层，第一层设置固定高度height,和display:table;第二层加上display:table-cell;vertical-align...
分类：
Web程序 时间：
2014-05-09 12:01:19
阅读次数：
359
一丶margin:0
auto;试用最多的方法，简单实用。二丶vertical-align:middle;只适用于内嵌元素，比如说一个div中有一个图片和文字，要让图片和文字中线对齐。
关注前端，关注用户体验-冀 三丶position:relative;通过给...
分类：
Web程序 时间：
2014-05-08 10:28:41
阅读次数：
431
一些属性解释。几个自己认为常用到的属性baseline:默认数值，px
百分比等是元素相对于基线偏移值，负数为向下偏移，正数为向上；text-top:把用vertical属性元素的顶端与父元素中的文字顶端对齐；text-bottom：把用vertical属性元素的底端与父元素中的文字底端对齐；这里说...
分类：
其他好文 时间：
2014-05-04 19:29:49
阅读次数：
314
图片水平垂直居中的两个常用方法：1、Table-cell。
IE8+及标准浏览器利用display:table-cell让容器以表格元素的方式呈现，配合vertical-align和text-align实现内部图片水平垂直居中。
IE67不支持display：table-cell,可用font-.....
分类：
其他好文 时间：
2014-05-03 23:32:32
阅读次数：
424
（1） A.
input和lable自然对齐，label高度显然没有包裹img，如果给img设置vertical-align:middle。则label就会在img垂直中心，input和lable本来就会对齐，那么input也就和img垂直对齐了。B.但如下结构就不行了
...
分类：
其他好文 时间：
2014-05-03 22:32:34
阅读次数：
351
1. ie的文档流样式 writing-mode:tb-rl.box1 a{
writing-mode:tb-rl; /* 触发layout 后面高度生效，文档流 自上往下，自右往左，宽度要自适应，文字方向在垂直方向居中 */
height:100%; vertical-align:middle}2...
分类：
Web程序 时间：
2014-05-01 07:59:22
阅读次数：
496
