Question

css中line-height的具体用法是什么？

Answer 1

line-height就用来给一行内容的高度设定范围的。

1、比如说，有一个这样的DIV：

<div style="line-height:36px;"></div>

它的意思就是说，这个DIV里面的每一行文字，占36个像素。

2、它经常应用在让一些文字居中到一个位置。比如像下面这个：

<div style="width:50px;height:36px;color:red;background:black;"></div>

3、如果你在这个DIV里面写一行文字的话，它默认是在这个DIV的左上角的。如果你想让它在垂直方向上居中的话，那你就可以再加一个样式，就是line-height:36px；意思是让这里面的文字每一行占36个像素，那么，这行文字的高度正好和那个DIV的高度相同，那文字就会表现出垂直居中的效果了。

CSS - 层叠样式表 

英文全称：Cascading Style Sheets。是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。