line-height和vertical-algin
2013-10-15 22:00
447 查看
项目中,经常会用到line-height和vertical-algin来解决垂直居中的问题,但对其原理和应用限制却很少了解。因此做了一下总结:
line-height具有继承性,对inline元素、textnode节点、inline-block、block都起作用。和很多网上的描述并不一致(已验证),当设置了line-height但是没有设置高度的情况下,高度由line-height决定。
vertical-algin不具有继承性。vertical-algin的实现基本上每个浏览器都不相同,但是它的middle值得实现却基本相同,因此用来实现垂直居中是可以的。默认是baseline居中。只对inline-block和table-cell的元素起作用。
line-height具有继承性,对inline元素、textnode节点、inline-block、block都起作用。和很多网上的描述并不一致(已验证),当设置了line-height但是没有设置高度的情况下,高度由line-height决定。
vertical-algin不具有继承性。vertical-algin的实现基本上每个浏览器都不相同,但是它的middle值得实现却基本相同,因此用来实现垂直居中是可以的。默认是baseline居中。只对inline-block和table-cell的元素起作用。
相关文章推荐
- 50-简单的竖直排列的菜单
- 再战中原之AirMVC框架与项目结构
- Google面试题 数组中第K小的数字 九度oj 1534
- 2013.10.15
- 图像处理基本概念——卷积,滤波,平滑
- 世博展示生态化住宅 物联网助推智能化家居
- 点评Linux平台上的音乐播放器Audacious 3.4
- 将CFormView嵌入到CDockablePane中
- 香港电子展 观后感
- javascript创建自定义对象和prototype
- C++类的对象空间
- 10.OD-强制在OEP前加载dll
- Effective C++ 读书笔记
- eclipse打签名的release包
- 强制在OEP前加载dll
- zabbix mpm 死锁检测注意事项
- C++构造函数、析构函数中的异常
- 干掉系统bug思路
- 第一步 配置D2RQ环境
- 为什么Android使用弱加密算法?