PHP知识、源码、教程、框架、程序分享! -- PHP社区 关于我们 联系我们 联系电话 联系QQ

CSS样式文本高度应该考虑的因素

发表时间:2013-09-04 点击:

[本文摘要]:CSS样式 文本高度应该考虑的因素 CSS样式 一行文本的高度是考虑到以下因素决定的: 1. 匿名文本 不包含任何字元字串内的内联元素。因此,在标记中: p 我是 em如此/em 快乐!/p 序列我...

CSS样式文本高度应该考虑的因素

CSS样式一行文本的高度是考虑到以下因素决定的:

1. 匿名文本

不包含任何字元字串内的内联元素。因此,在标记中:

	<p> 我是 <em>如此</em> 快乐!</p>

序列“我”和“快乐! ”匿名短信。请注意,空格部分匿名的文本,作为一个空间像任何其他的字符。

2. EM盒子

在给定的字体定义EM 盒子,否则被称为字符框。实际字形可以更高或更矮比EM盒子,在后续文章中所讨论的CSS权威指南第三版(O'Reilly出版) 。在CSS中,字体大小的值确定每个EM盒子的高度。

3. 内容区域

在元素非取代,内容区域的框中描述EM -盒的每个字符元素中,串成,否则框所描述的字符字形的元素。 CSS2.1规范允许用户代理选择。为了简单起见,本文使用全角字框定义。内容区域替换元素,是内在的元素的高度加上任何边距,边框或填充。

4. 首行

首行的字体大小和行高的值之间的差异。这种差异的一半被施加到顶部和半内容区域的底部。这些新增的内容区域,这并不奇怪,被称为半领先。领先仅适用于非取代元素。

5. 内框

的框中所描述的另外的主要内容区域。对于非取代元素,一个元素的行内框的高度将等于行高的值。对于替换元素,元素的行内框的高度将等于内容区域,领导不会应用到替换元素。

6. 行级盒子

最短框的边界内联盒子被发现在该行的最高点和最低点。换句话说,行框的顶部边缘沿最高的行内框顶部的顶部放置,和行框的底部沿的最低的行内框底部的底部放置。 (见图1-3 )。


图1-3 行内元素行高详解

版权声明:本文系技术人员研究整理的智慧结晶,转载勿用于商业用途,并保留本文链接,侵权必究!

本文链接:http://php.aixc.cn/web/css/135.html

声明:本站技术及源码均为原创,转载请勿用于商业用途,并注明出处及原文链接,侵权必究。