<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>line-hight</title> </head> <body> //line-height 使子元素占据的高度设置为50px;刚好为div的高度,这样就会使内容水平居中,a标签的高度并没有发生改变,只是占据的高度发生了改变。 <div style="background-color: red;height: 50px;line-height: 50px;"> <a>行高</a> </div> </body> </html>