-
容器line-height：0；vertical-align：top去掉空格查看全部
-
兼容性都不错，但是要注意IE7，使用此方法实现图片/多行文字垂直居中对齐时，注意代码中加入空格或折行，否则不起作用。查看全部
-
可以应用于大小不固定的图片，大小不固定的文字的近似垂直居中查看全部
-
对于内联元素，vertical-align与line-height虽然看不见，但是却一直都存在的 去除图片下面的空白方法（干掉vertical-align或者line-height任意一个都可以）： 如果是干掉vertical-align 1.则将内联元素变为块状元素：display:block;margin:auto; 2.改变vertical-align的对齐方式为：bottom/middle/top 如果干掉行高 1.改变line-height,设置line-height:0;或者font-size:0;查看全部
-
默认状态下能支持vertical-align起作用的有：图片，按钮，文字和单元格 因为display：可以更改元素的显示水平，css声明可以更改元素的显示水平查看全部
-
vertical-align起作用的前提： 应用于inline水平以及'table-cell'元素： inline水平元素： inline:<img>，<span>,<strong>,<em>,未知元素，.... inline-block:<input>(IE8+),<button>(IE8+,....) 'table-cel'元素： table-cell:<td>查看全部
-
数值在baseline的基础上上下偏移对应的数值大小 vertical-align的百分比值是相对于line-height计算的查看全部
-
vertical-align支持的属性值以及组成查看全部
-
html<sub>和<sup>一般是3/4的字体大查看全部
-
vertical-align:text-top; vertical-align:text-bottom;查看全部
-
1.inline/line-block元素：元素的垂直中心点和父元素基线上1/2 x-height处对齐。 2.table-cell元素：单元格填充盒子相对于外面的表格居中对齐。 td单元格不足高度会用padding填充。 字符有下沉特性，设font-size：0；解决。查看全部
-
盒子里什么都没有，基线是底边缘，有内容的话基线就是里面line box的基线, 基线不一致，就不对齐查看全部
-
1.vertical-align百分比是相对于line-height值计算的 { line-height:30px; vertical-align:-10%;/*vertical-align:-3px;*/ } 2.出现间距 line-height:0 font-size:0 vertical-align:top,bottom,middle 3.vertical-align:middle;line-height;36px; 约垂直居中 <p><img src="" alt=""> ie7要换行or空格 </p>查看全部
-
应用于inline水平以及table-cell元素 img,span,strong,button.... table-cell: <td> float会display:block化查看全部
-
vertical-align：middle 定义（需特别注意）查看全部
举报
0/150
提交
取消