2017有潜力的虚拟货币:深入理解CSS中的行高
来源:百度文库 编辑:中财网 时间:2024/06/01 12:15:52
1. 基线、底线、顶线
- 行高指的是文本行的基线间的距离。
- 基线并不是汉字的下端沿,而是英文字母"x"的下端沿
2. 行距、行高
3. 内容区
- 底线和顶线包裹的区域,实际中不一定看得到,但却是存在。
4. 行内框
- 行内框只是一个概念,它无法显示出来,但是它又确实存在
- 它的高度就是行高
- 在没有其他因素(padding)影响的时候,行内框等于内容区域
5. 行框
- 行框(line box)。同行内框类似,行框是指本行的一个虚拟的矩形框
- 行框高度等于本行内所有元素中行高最大的值
元素对行高的影响
- 对于行内元素如em、strong、span和等,其padding、margin、border-top、border-bottom 不会增加行高。
padding会覆盖;margin将重置为0;border-top和border-bottom同样会覆盖。
padding-left、padding-right、border-left和border-right可用。 - img元素会影响行高
- 设置行内元素的padding、border和margin并不会撑大外层元素的高度,如下图:
扩展阅读
- 行高:line-height属性[1]
- 行高:line-height属性[2]——行高的计算与继承
- 行高:line-height属性[3],该文章包括:
- 浏览器的差别与错误
- 应用:单行文字在垂直方向居中
- 深入理解行高 line-height(强烈推荐)
- 垂直对齐:vertical-align属性
怎样才能深入理解每篇文章中的,作者的思想感情?
怎样深入理解HTTP协议?
“守望者”怎么深入理解?
《深入敌后》中的一首歌
求“深入理解计算机系统”电子书!! 中文版
如何深入从微观角度理解电动势
看深入理解计算机需要哪些基础?
css中的问题
?????网页中的css问题????
怎样理解高一物理中的位移?通俗点!
请问css中的#号 是什么意思?
百度个人空间中的CSS是什么?
网页源文件中的CSS码
“股票具有高杠杆” 性中的高杠杆性怎样理解?
怎样理解建设高素质公务员队伍中的"高素质"
CSS?????????
在网页中的CSS是什么东西
Dreamweaver 中的CSS样式是什么来的?
如何保存在网页中的css样式
有关css滤镜中的坐标问题。
DW中的CSS如何设置滚动条?
css代码中的ul和li是什么意思
dreamwaver中的CSS是干什么用的?
css样式在IE6.0中的兼容性