摘要: 阅读全文
posted @ 2020-07-29 19:21 LangZ- 阅读(122) 评论(0) 推荐(0) 编辑
摘要: baseline 默认。元素放置在父元素的基线上。(小写x的下面一条线) sub 垂直对齐文本的下标。 super 垂直对齐文本的上标 top 把元素的顶端与行中最高元素的顶端对齐 text-top 把元素的顶端与父元素字体的顶端对齐 middle 把此元素放置在父元素的中部。 bottom 把元素 阅读全文
posted @ 2020-07-29 19:07 LangZ- 阅读(157) 评论(0) 推荐(0) 编辑
摘要: 回流这一阶段主要是计算节点的位置和几何信息,那么当页面布局和几何信息发生变化的时候,就需要回流。比如以下情况: 添加或删除可见的DOM元素 元素的位置发生变化 元素的尺寸发生变化(包括外边距、内边框、边框大小、高度和宽度等) 内容发生变化,比如文本变化或图片被另一个不同尺寸的图片所替代。 页面一开始 阅读全文
posted @ 2020-07-29 19:03 LangZ- 阅读(189) 评论(0) 推荐(0) 编辑
摘要: 解析HTML,生成DOM树,解析CSS,生成CSSOM树 将DOM树和CSSOM树结合,生成渲染树(Render Tree) Layout(回流):根据生成的渲染树,进行回流(Layout),得到节点的几何信息(位置,大小) Painting(重绘):根据渲染树以及回流得到的几何信息,得到节点的绝对 阅读全文
posted @ 2020-07-29 19:00 LangZ- 阅读(141) 评论(0) 推荐(0) 编辑
摘要: 根元素 float的值不为none overflow的值不为visible display的值为table-cell、tabble-caption和inline-block之一 position的值不为static或则releative中的任何一个 阅读全文
posted @ 2020-07-29 18:10 LangZ- 阅读(93) 评论(0) 推荐(0) 编辑