今天无聊闲逛技术群，听一哥们说要在div里面居中span内容。第一印象：vertical-align: middle;结果失效。百度一下是因为 vertical-align 只对一些特定的样式生效，例如：图片，单元格显示（table-cell）故此代码修改如下：div{ width: 200p...
分类：
其他好文 时间：
2015-11-18 14:18:21
阅读次数：
113
1、iOS9 以后，table cell 在旋转的时候会自动调整视图内容的布局，设置以下的属性，课禁止该行为。if (runTimeOSVersion >= 9.0f) { _listTableView.cellLayoutMarginsFollowReadableWidth = NO;} ...
分类：
移动开发 时间：
2015-11-13 10:20:03
阅读次数：
237
1.单行内容居中 Test span主要是height和line-height高度一致2.让未知内容高度的元素居中 Demo 主要原理是标准浏览器下用table和table-cell布局，然后用verti...
分类：
Web程序 时间：
2015-10-31 12:45:38
阅读次数：
226
JS生成二维码实例：<!DOCTYPEhtml>
<html>
<head>
<title>JS二维码生成</title>
<metacharset="utf-8"/>
<scriptsrc="js/qrcode.js"></script>
<style>
#qrcode{
text-align:center;
display:table-cell;
width:96px;
h..
分类：
Web程序 时间：
2015-10-19 14:06:21
阅读次数：
305
让图片居中和文字居中是不一样的，文字居中可以通过line-height等调整，让图片居中方法，参考各种资料博文和测试 目前接触两种方法 display:table-cell和伪元素：after方法一，display:table-cell这个属性是让元素以表格单元格的形式呈现类似table标签中的td...
分类：
其他好文 时间：
2015-10-06 18:11:32
阅读次数：
225
display在w3c上的定义是：display 属性规定元素应该生成的框的类型。 display有许多值，这里详细讲block,inline-block,inline,table-cell. block:此元素将显示为块级元素，此元素前后会带有换行符 inline:默认。此元素会被显示为内联...
分类：
Web程序 时间：
2015-09-30 16:25:21
阅读次数：
190
使用不透明视图。 不透明的视图可以极大地提高渲染的速度。因此如非必要，可以将table cell及其子视图的opaque属性设为YES（默认值）。其中的特例包括背景色，它的alpha值应该为1（例如不要使用clearColor）；图像的alpha值也应该为1，或者在画图时设为不透明。不要重复创建不....
分类：
移动开发 时间：
2015-09-17 11:52:49
阅读次数：
247
垂直居中是布局中十分常见的效果之一，为实现良好的兼容性，PC端实现垂直居中的方法一般是通过绝对定位，table-cell，负边距等方法。有了css3，针对移动端的垂直居中就更加多样化。方法1：table-cellhtml结构： 垂直居中css:.box1{ display: ta...
分类：
移动开发 时间：
2015-09-05 23:36:39
阅读次数：
225
下面提供几种解决方案，以修复该问题。1.给父容器使用display属性div#container { display: table; /* 建议使用 */ /*或者 display: table-cell */}2.浮动父容器div#container { display: inl...
分类：
Web程序 时间：
2015-08-17 11:36:03
阅读次数：
107
在 chrome、firefox 及 IE8 以上的浏览器下可以设置块级元素的 display 为 table-cell，激活 vertical-align 属性，但注意 IE6、7 并不支持这个样式。html代码： 看我是否可以居中。 看我是否可以居中。 ...
分类：
其他好文 时间：
2015-08-11 15:31:03
阅读次数：
100
