-
vertical-align 支持的四种类型查看全部
-
table-cell 特性 1:自动宽度计算 2:自适应性 等等 如果一个单元格里面的高度比其他同行单元格的高度不足，那么这个单元格会用padding来它自身填满，但是这个padding为0，很奇葩。总之，这个单元格自身会撑开查看全部
-
父元素设置宽高，子元素行高为0，再设置padding，所以造成了视觉假象查看全部
-
父元素设置宽高，行高为0，不设置padding的效果查看全部
-
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .box { height: 300px;background: red; } .con { display: inline-block; vertical-align: middle; } p { margin-left: 800px; } i { display: inline-block; height: 100%; vertical-align: middle; } </style> </head> <body> <div class="box" > <div class="con"> <p>1hang</p> <p>1hang</p> <p>1hang</p> <p>1hang</p> <p>1hang</p> </div><i></i> </div> </body> </html>查看全部
-
垂直居中 重点在图片后加 宽度为0的空标签查看全部
-
兼容性如图（其中IE7需要在所应用元素后面加折行）查看全部
-
通过设置行高控制图片垂直居中： 1.IE6不支持 2.IE7支持的前提条件：图片与父元素之间要有换行查看全部
-
一些样式设置也会改变display，比如float,position:absolute（此时display为block）查看全部
-
1.未知元素，即乱定义的元素，比如<xxx></xxx> 2.兼容性问题：IE7,IE6没有真正的inline-block元素，它会把<input><button>视为inline而不是inline-block查看全部
-
vertical-align的应用范围：查看全部
-
百分比类：（依旧是相对于基线进行偏移，不过数值是以“百分比值乘以行高”去计算的）查看全部
-
数值：在baseline对齐基础上上下偏移对应数值大小查看全部
-
支持负值：查看全部
-
inherit 继承 1.线类 baeline(默认),top,middle,bottom 2.文本类 text- 3.数值百分百类 带数字，有负值，行为表现一致 line-height 改变的是容器高度查看全部
举报
0/150
提交
取消