一、关于BFC(Block Formatting Context) 1、什么是BFC 2、BFC的作用 3、什么情况下触发BFC float != none overflow == auto、scroll、hidden display == table-cell 、table-caption、inl ...
分类：
其他好文 时间：
2017-12-29 16:18:35
阅读次数：
131
一：什么是table-cell display:table-cell 就是标签属性以表格形式呈现，有点像td，IE8以上兼容 二：display:table-cell使用注意 1. float，position：absolute对其有一定的破坏性； 2. 宽度高度敏感 3. 对margin毫无反映， ...
分类：
其他好文 时间：
2017-12-26 00:43:44
阅读次数：
98
display的table和table-cell一般情况下用的不多，所以很少有人去关注它，但他们两个联手起来会给你惊喜！ 这里抛出这样一个问题，如下，让块里的多行文字垂直居中？一说到垂直居中就会想到，单行文字垂直居中line-height等于height；块级元素垂直居中，position定位或者f ...
分类：
其他好文 时间：
2017-12-21 12:01:59
阅读次数：
110
利用display:table-cell; 表格 这样就让文字可以水平垂直居中显示了。不过要注意一个问题：当.box被绝对定位的时候，文字无法垂直居中，但是相对定位仍然可以垂直居中。 既是当 .box 加上 position:absolute; 的时候，无法垂直居中。 当.box 加上 positi ...
分类：
其他好文 时间：
2017-12-06 17:52:11
阅读次数：
478
参考：http://www.cnblogs.com/dojo-lzz/p/3999013.html 元素转为BFC的条件（任意实现其一即可） 根元素 float的值不为none overflow的值不为visible display的值为inline-block、table-cell、table-c ...
分类：
其他好文 时间：
2017-12-02 15:08:35
阅读次数：
170
.pkg-table{ display: table; height: 100%; width: 100%; } .pkg-mid{ display: table-cell; vertical-align: middle; text-align: center; } ...
分类：
Web程序 时间：
2017-12-01 11:37:35
阅读次数：
190
超出隐藏点点显示： 1.一行超出隐藏点点显示 2.多行最后一行超出隐藏点点显示 上下左右居中： 1.知道固定宽高 2.transform法(不兼容IE8) 3.table-cell实现不固定宽高文字垂直居中 ...
分类：
Web程序 时间：
2017-11-24 19:10:01
阅读次数：
200
1、行高 == 高度：已知图片的高宽 2、display:table display:table-cell：不兼容IE6/IE7 3、绝对定位：已知图片的高宽 4、flex布局：h5端可用 ...
分类：
Web程序 时间：
2017-11-15 17:00:33
阅读次数：
265
html结构： 实现img位于外层div的居中显示，网上有很多在img外层嵌各式各样的span、div、li等等，以便于使用 text-align来进行居中，不推荐嵌套多层的方式。 方法一（推荐）： 思路：table-cell属性指让标签元素以表格单元格的形式呈现，类似于td标签，使用它可以让大小不 ...
分类：
Web程序 时间：
2017-11-05 17:57:03
阅读次数：
195
由于在学习CSS的display的属性值只针对block、inline、inline-block和flex进行过了解，并且自己观察得知列表中li的display属性是list-item，而想要触发BFC可以将容器类型定义为table-cell、tabble-caption和inline-block， ...
分类：
其他好文 时间：
2017-11-05 00:28:29
阅读次数：
235
