垂直居中解决方法： 方法1:table-cell+vertical-alignl .parent{display:table-cell;vertical-align:middle;} 方法2：absolute+transform .parent{position:relativee;} .child ...
分类：
其他好文 时间：
2016-08-20 12:56:05
阅读次数：
124
<!-- tr td{ border: 1px solid black; text-align: center; } .table-cell{ display:table-cell; padding:0 5px; border:1px solid #ccc; } td:hover{ backgrou ...
分类：
其他好文 时间：
2016-08-11 22:25:26
阅读次数：
177
display:table- cell属性指让标签元素以表格单元格的形式呈现，类似于td标签。目前IE8+以及其他现代浏览器都是支持此属性的，但是IE6/7只能对你说 sorry了，这一事实也是大大制约了display:table-cell属性在实际项目中的应用。 我们都知道，单元格有一些比较 特别 ...
分类：
其他好文 时间：
2016-08-09 00:16:13
阅读次数：
148
vertical-align两种应用场合 (1)用在td/th中或display:table-cell元素中：让当前元素中的文本内容在竖直方向上居中 css部分： .content{ display: table-cell; width: 300px; height: 100px; border: ...
分类：
其他好文 时间：
2016-08-07 00:55:09
阅读次数：
166
已知一个div内有一个img，两者的高度均不知道，但图片的高度一定小于div的高度 代码如下： .box { /*非IE的主流浏览器识别的垂直居中的方法*/ display: table-cell; vertical-align:middle; /*设置水平居中*/ text-align:cente ...
分类：
Web程序 时间：
2016-08-05 23:02:05
阅读次数：
237
BFC触发1.根元素2.float3.overflow：auto,scroll,hidden（常用）4.display：table-cell，table-caption，inline-block,flex,inline-flex;5.position:absolut,fixed BFC布局规则1.背 ...
分类：
其他好文 时间：
2016-07-25 01:35:23
阅读次数：
238
css3 resize属性（Firefox 4+、Safari 以及 Chrome 支持 resize 属性。） 规定可以由用户调整 div 元素的大小： display:table-cell http://www.zhangxinxu.com/wordpress/2010/10/我所知道的几种di ...
分类：
其他好文 时间：
2016-07-22 18:57:11
阅读次数：
144
在开发中偶遇需要一个元素垂直居中的需求，之前都是水平居中，垂直居中使用的比较少，经过一通研究，选择了几种相对比较实用的方案分享，抛砖引玉，如有遗漏不足，还望不吝指正。 方案一（IE7下该方案无法实现垂直居中）： 通过设置父级的的块属性实现，将父级元素手动转换位display:table-cell属性 ...
分类：
Web程序 时间：
2016-07-13 20:17:03
阅读次数：
221
1.css3 ： 对需要水平垂直居中的元素写css: div#wrapper { display: table; width: 500px; height: 500px; } div#row { display: table-row; } div#cell { display: table-cell ...
分类：
其他好文 时间：
2016-07-12 17:04:51
阅读次数：
126
使用不透明视图。不透明的视图可以极大地提高渲染的速度。因此如非必要，可以将table cell及其子视图的opaque属性设为YES（默认值）。其中的特例包括背景色，它的alpha值应该为1（例如不要使用clearColor）；图像的alpha值也应该为1，或者在画图时设为不透明。 不要重复创建不必 ...
分类：
其他好文 时间：
2016-07-10 21:26:57
阅读次数：
150
