CSS行高度属性的使用
本文介绍了行高属性在CSS中的用法，通过实例了解了CSS行高属性的具体用法，并参考了感兴趣的朋友。CSS用于设置行高度、行高度属性的属性。
首先，它是与CSS3选择器和标签像头不兼容，导航和页脚。如果不插入插件和JS处理，可以从纯CSS的角度定义它，它可以由类名来定义，类名是一种常用的替代方法。
在项目中，对于元素背景不支持颜色变化的情况，折中方案是给它一个最合适的背景色，使背景颜色和文本颜色可以有一个基本的对比和区分，这不会影响用户的阅读和正常浏览。
例如:
复制代码代码如下所示：
头文件
职位：相对；
身高：40px；
背景图像：-moz线性梯度（顶部，# 13b9fd，# 0183c3）；
背景图像：- o-linear-gradient（顶部，# 13b9fd，# 0183c3）；
背景图像：-webkit-gradient（线性，左上，左下，色站（0，# 13b9fd），色站（1，# 0183c3））；
箱的影子：插图0 1px 4px # 6cd5ff；
-moz盒阴影：插图0 1px 4px # 6cd5ff；
Webkit框阴影：插图0 1px 4px # 6cd5ff；
文本对齐：中心；
字体大小：15px；
背景颜色：# 099ddf；* / / *歌剧妥协移动不支持渐进
}
一种不确定的IE6 HTML5标签
复制代码代码如下所示：
（函数（）{（））
var =缩写，文章之外，音频、帆布、DataList、细节、对话、EventSource，对话框，
当（i）{
document.createelement（E {我}）；
}
}）；
其次，我们经常使用行高度属性来定义行的高度，尤其是当我们需要设置垂直中心时。我们经常让高度属性为线高度属性相同。它可以继承，一篇文章的父标签定义行高属性，及其项元素不需要再次申报。然而，也有例外。比如，在Opera移动浏览器，它必须被再声明生效。
实例uff1a
1，HTML代码
复制代码代码如下所示：
在Opera Mobile下测试标题的宽度
2，CSS代码
复制代码代码如下所示：
。测试{宽度：100%；高度：40px；线高度：40px！重要的；背景颜色：黑色；颜色：# EEE；不透明度：0.5；}
。测试H2 { border: 1px solid红；}
从手机上看到页面的效果：不在中间！
通过观察红色边框的大小，我们知道内部标签H2的高度与实际的行高度一致，而不是父亲的div定义的值。
然后，我们添加的行高属性的值为H2，可设置行高：继承或线高度：40px；
1，CSS代码：
复制代码代码如下所示：
。测试{宽度：100%；高度：40px；线高度：40px！重要的；背景颜色：黑色；颜色：# EEE；不透明度：0.5；}
。测试H2 {线高度：继承；border: 1px solid红；}
看看效果，没有变化，中间还不是垂直的，为什么呢
这并不是浏览器的默认属性优先级高于当前属性优先级。
改变优先权：
复制代码代码如下所示：
。测试{宽度：100%；高度：40px；线高度：40px！重要的；背景颜色：黑色；颜色：# EEE；不透明度：0.5；}
测试H2行高度：继承！重要的；border: 1px solid红；}
看，没关系，垂直在中间。
从这个页面，我们可以确认另一条语句：对于一个空容器，内容容器被拉伸到一个高的宽度，但事实上，它不是div的高度，而是行高度属性。
CSS的主要作用是高度和line-height.if标签没有定义高度属性（包括百分比高），其最终的性能必须线高度，即使IE6下11像素，默认的高度也是错误的。
至于内在机制，这是一个非常生动的表达：
这条线的高度是多少在内联盒模型，有一个线框，这是无形的，和这件事的工作是把文本的每一行，一行是一个线框。例如，退休；艾弗森；这5个字，如果你给它们排成一行，艾弗森再牛逼，对不起，只有一个线框盖你；但Li Yuchun 这5个字，写下来的话，一条线，这是足够的人，一个字盖线盒，共五个线盒，线盒没有的功能，它是高的，所以没有一个高度属性的div高度是由一个线盒。
事实上，线框不是直接生产者。属于中层干部。真正的工作是在工作人员的领导下。内联框是内联属性的标签，如文本、图片、跨度等。它检查谁具有最高的线高度值和最高值，然后报告到更高的水平。
例如:
复制代码代码如下所示：
取线高度的最高值。
线框的高度为40像素。
虽然所有的浏览器都支持线的高度财产。但任何版本的Internet Explorer（包括IE8）不支持属性值继承，因此在实践中，我们最好定义行高的数值。
在这种情况下，那是
复制代码代码如下所示：
。测试{宽度：100%；高度：40px；线高度：40px！重要的；背景颜色：黑色；颜色：# EEE；不透明度：0.5；}
。测试H2 {线高度：40px！重要的；border: 1px solid红；}
当然，有一个妥协，内容可为高海拔类似于浏览器的默认值，填充完成在Opera移动浏览器使用，继承21px默认行高，不需要通过重要的标记覆盖浏览器默认值。同时，在其他标准的浏览器，我们指定其子元素的同一行的高度，以便它可以暂时兼容Opera移动浏览器和其他所有的标准。
浏览器的默认行是不同的，和一般的范围之间16px ~ 21px。
实例uff1a
复制代码代码如下所示：
应用信息
头文件
职位：相对；
/ *高度：40px；* /
身高：21px；
填料：9px 0；
背景图像：-moz线性梯度（顶部，# 13b9fd，# 0183c3）；
背景图像：- o-linear-gradient（顶部，# 13b9fd，# 0183c3）；
背景图像：-webkit-gradient（线性，左上，左下，色站（0，# 13b9fd），色站（1，# 0183c3））；
箱的影子：插图0 1px 4px # 6cd5ff；
-moz盒阴影：插图0 1px 4px # 6cd5ff；
Webkit框阴影：插图0 1px 4px # 6cd5ff；
文本对齐：中心；
字体大小：15px；
背景颜色：# 099ddf；* / / *歌剧妥协移动不支持渐进
}
标题：Tit {
Webkit盒尺寸：边界盒；
位置：绝对；
左：50%；
宽度：150px；
/ *高度：39px；线高度：39px；* /
行高：21px；
margin-left: - 75px；
颜色：# FFF；
文字阴影：0 1px 0 # 333；
字体粗细：粗体；
溢出：隐藏；
字体大小：18px；
}
当然，这种方法并不是解决问题的最佳方法，但它只是权宜之计，最好使用上述优先设置、通用性。
这仍然是个问题！
首先，回顾直线高度属性的可能值：
正常，默认。
数字，这个数字与当前字体大小相乘，以设置行间距。
长度设置固定线间距。单位EM，PX，PT等。
百分比，基于当前字体大小的百分比行间距。
继承，它规定了行高度属性的值应该继承自父元素。
行高不可否定，和线的高度属性集的线间距离（高），线盒的布局将受到影响。当一个块级元素，它定义了最小距离基线的元素而不是最大距离。
行高和字体大小的计算值之间的差异（CSS和行间距）分为两个部分，分别添加到文本行内容的顶部和底部，包含这些内容的最小框架是行框。
原始数值指定一个缩放因子，而后代元素将继承缩放因子而不是计算值。
行高指的是文本的行线之间的距离。基线（基线），是指沿基准线电流的字线和基线下端没有汉字，但较低的英文字母X，和顶线的文本（上线），中间（中线）和底线（底线），是用来确定文本位置线
线高和字体大小的区别叫做线间距（引导）。
而高度使用行高以避免haslayout：在某些情况下，行高可以互换的高度因为同样的效果。它可以支持一个高度。然而，这两个CSS属性之间有一个更微妙的区别。即使用高度会使标签haslayout，而使用线高度不会。在过去，只有IE6的使用，高度是用来去除漂浮物，利用haslayout属性在IE.的高度下，但有时，haslayout并不需要它。相反，应该避免这种情况。
他们都喜欢用单位来增加线的高度，但在某些情况下会有问题，例如：
复制代码代码如下所示：
演示{线高度：150%；}
字体大小：30px预{；}
第一行
第二行
两行文字重叠。
为什么有可能与一个行高度继承的单位重叠
如果行高属性值的单元，然后继承的值是一个特定的水平像素转换的值；如果属性值没有单位，浏览器会直接继承这个因子（的数值），而不是一个具体的数值计算，它会根据字体大小线高度的计算值对线高度的新价值。
在这个例子中，此线的高度是150%，因为默认的字体大小16px，所以具体线高度的div可以转换为16px * 150% = 24px，由于预线高度将转换后的24px继承的具体价值，前已被重新定义字体大小：30px；字体大小更比线高度、大小和重叠。其他单位的原则是相同的。
因此，建议养成线条高度不单位的习惯，如线高：1.5；这种书写方式避免重叠。
在展示品的框中，首先要消除PX的呈现，因为文章中的文字大小，而PX则用来设定值。由于继承，不可能根据文本的大小自动调整间距，而且会出现大量文本重叠。正常也不好，一般文章显示最好的是650像素宽度，1.5倍的距离更好。
一般浏览器的正常值介于1到1.2之间，而正常使用太小，无法阅读，难以阅读。
百分位值也有继承性，但有一种非常灵活的方式来实现文本自动间隔，以适应文本的大小。这是用*通配符，例如：。article_box * {线高度：150%；}不会有个案文本重叠。