行框基线位置确定（line box 基线）
在设置vertical-align属性（只有inline元素有效，对inline-block和block元素无效）时有一个属性值：baseline，那么这个基线是什么，怎么确定。
这个基线就是其所在行的line box基线。设置vertical-align：baseline 属性就是设置其本身元素的inline box（行内框）的基线与行框的基线对其。这里我们是确定的行框的基线，知道行框基线，那行内框基线就知道了。
有这样一个关系
line-height，font-size
丨
丨 决定
丨
inline box 的高度
丨
丨 line box 中的所有 inline box 中最高的 inline box 的顶部 和最低的 inline box 的底部高度之差就是 line box 的高度
丨
line box 高度
丨
丨 在line box 中直接写一个字母 X （这个字母不包含在其他标签里面），X的底部位置就是 line box 的基线位置
丨
line box 基线（补充：行高（line-height） 的值等于相邻两行基线之间的距离，行距：等于上一行底线和下一行顶线之间的距离）
丨
丨 知道了line box 基线，因为inline box 不设置vertical-align 情况下，默认基线是与 line box 基线对齐的，所以就知道了 inline box 的基线。（如果设置了vertical-align
丨其他属性值，那么基线的位置会相对line box 有所调整
inline box 基线（有些标签的基线也不是这样确定的，如img标签的基线是图片的底部，textarea标签的基线也是底部）
参考文章：http://www.w3school.com.cn/cssref/pr_pos_vertical-align.asp
https://www.cnblogs.com/yangjie-space/p/4858132.html
最新文章
- WPF控件 RichTextBox查找定位匹配字符
- 【代码笔记】iOS-判断中英文混合的字符长度的两种方法
- java高薪之路__008_Annotation
- ARM compiler No such file or directory
- jQuery Validate 表单验证插件----利用jquery.metadata.js将校验规则直接写在class属性里面并定义错误信息的提示
- seq 显示00 01的格式
- C#获取程序所在目录路径
- MySql文章
- 运维角度浅谈MySQL数据库优化(转)
- 【转】你真的了解iOS代理设计模式吗？
- 由单页面web应用引发的企业应用问题
- 动态Order by
- 近十年one-to-one最短路算法研究整理【转】
- Java过滤敏感词语/词汇---DFA算法
- SoapUI模拟soap接口返回不同响应（通过groovy脚本）
- 纯JS.CSS编写的可拖拽并左右分栏的插件（复制代码就能用）
- Jedis（java操作redis数据库技术）
- Oracle入门《Oracle介绍》第一章1-1
- utf8mb4与utf8的区别
- 【IT笔试面试题整理】判断一个二叉树是否是平衡的？