-
text-align:justify 实现任意数目列表两端对齐，使用一些单纯的占位的标签，但有问题！（移动端可以直接用flex布局）查看全部
-
使图片与容器完美结合： 1. img 设置为 display:block; margin: 0 auto 2. vertical-align: top/middle/bottom 3. line-height: 0 4. font-size: 0查看全部
-
vertical-align百分比是相对于line-height值计算的。比如 {line-height：30px； vertical-align：-10%} 则，vertical-align值为-3px查看全部
-
使用vertical-align使文字和图片在一行中都垂直居中，不能使用float，会使元素block水平化，而vertical-align对block元素是无效的查看全部
-
当图片position设置为absolute时，vartical-align也是不起作用的查看全部
-
p标签为block属性，图片放在p标签里，vartical-align不起作用查看全部
-
总结，能支持vertical-align的如下所示。注意！ 是默认状态下，若是被display或者css声明修改了元素的显示水平则另当别论查看全部
-
那么inline水平和table-cell元素有哪些呢。如图查看全部
-
vertical-align只能应用于inline水平以及table-cell元素查看全部
-
巧用vertical-align属性查看全部
-
大小不固定的图片实现完全垂直居中查看全部
-
这里还需要深入理解查看全部
-
兼容IE7查看全部
-
inline-block元素如果里面有字符，则它的基线就是里面字符的基线查看全部
-
元素与容器下方存在空白解决：容器line-hight：0与元素vertical-align：top一起使用查看全部
举报
0/150
提交
取消