开篇
一些元素,如float元素,如position为absolute,inline-block,table-cell或table-caption的元素,以及overflow属性不为visible的元素,它们将会建立一个新的块级格式化上下文。
上述定义已经很详细的描述了块级格式化上下文(Block Formatting Context)是如何形成的,为了方便起见,文中均用BFC代替。现在,让我们...
分类:
Web程序 时间:
2015-08-11 14:14:49
阅读次数:
209
首先弄明白一个概念,上面是bfc?
w3c是这样解释
BFC(Block Formatting Context)是Web页面中盒模型布局的CSS渲染模式。它的定位体系属于常规文档流。
说通俗一点就是:
float的值不为none
position的值不为static或者relative
display的值为 table-cell, table-caption, inline-block,...
分类:
Web程序 时间:
2015-08-02 20:06:53
阅读次数:
148
实现水平列表的底部对齐有许多种方式:1、用inline-block+vertical-align2、用table-cell+vetical-align3、用flex方式此外,还可以用变形、绝对定位方式,但是用变形和绝对定位方式太过于复杂。这里还是只介绍前三种方式,其中前两种的唯一区别就是第二种用了d...
分类:
其他好文 时间:
2015-07-24 20:25:21
阅读次数:
907
方法一:vertical-align
在w3school定义:该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐
百思不得骑姐
然后Google,反正在w3schools上面并没有找到定义
只能写代码测试
而后个人理解,才作出如此解释》
该属性作用的对象:行内元素(inline,inline-block也有行内属性)
其他table-cell
常用属性值:top mid...
分类:
其他好文 时间:
2015-07-23 07:05:45
阅读次数:
209
方法一:.element { position: relative; top: 50%; transform: translateY(-50%);} 方法二:HTML:css:.a1{width: 100%;height: 500px;display: table-cell;text-align: ...
分类:
Web程序 时间:
2015-07-20 12:49:05
阅读次数:
133
1、表单形式,一行文字,分2列或者三列,其中一列或者两列宽度固定,最后一列100%长度使用display:table外层结构样式:display:table;width:100%;box-sizing:border-box;内存固定宽度样式:display:table-cell;width:65px...
分类:
Web程序 时间:
2015-07-16 19:03:09
阅读次数:
118
未知宽高的图片水平垂直居中在div 多行文本平垂直居中在div 123456 123456 123456 123456 =============================h1{ text-align...
分类:
其他好文 时间:
2015-07-16 18:24:37
阅读次数:
394
水平居中:1.text-align:center2.margin:0 auto;需要设置内容宽度;垂直居中;1.vertical-align:middle该属性适用于只有一个元素属于inline或是inline-block(table-cell也可以理解为inline-block水平)水平,其身上的...
分类:
其他好文 时间:
2015-07-14 15:23:32
阅读次数:
91
display:table和display:table-cell的用法:建议:尽可能的手写代码,可以有效的提高学习效率和深度。display属性的table和table-cell属性值不怎么常用,主要是浏览器的兼容性并不好,因为万恶的IE6和IE7还有相当一部分用户在使用,不过并非没有它们展露头角的...
分类:
其他好文 时间:
2015-07-10 18:25:30
阅读次数:
173
在iOS App中,UITableView应该是使用率最高的,同时也是最为复杂的视图。
几乎所有自带的应用中都能看到它的身影,可见它的重要性。
在使用UITableView时,会经常遇到性能上的问题,普遍表现在滚动时比较卡,特别是table
cell中包含图片的情况时。
实际上只要针对性地优化一下,这种问题就不会有了。有兴趣的可以看看LazyTableImages这个官方的例子程序,虽然...
分类:
其他好文 时间:
2015-07-10 15:12:16
阅读次数:
133