CSS-17.行高和字号

行高就是文字行自身的高度，文字在行高中是垂直居中的，当设置单行文字在所属块中垂直居中，设置行高line-height:;的值与块高相同即可。

<style>

*{

padding: 0px;

margin: 0px;

}

.class{

width: 200px;

height: 200px;

background-color: #24ccff;

line-height:200px;

}

</style>

现在我有两行文字，他们的行高是20px;要让着两行文字在块中垂直居中。

做法：

（原理：多行文字时，要使用padding-top和padding-bottom，在使用padding时，元素宽高会发生改变，所以我们还要使用box-sizing: border-box;来限制块）代码如下：

*{

padding: 0px;

margin: 0px;

}

.class{

box-sizing: border-box;

width: 200px;

height: 200px;

background-color: #24ccff;

line-height:20px;

padding-top: 80px;

padding-bottom: 80px;

}