css行高 

1 <!DOCTYPE html>
  2 <html lang="en">
  3 <head>
  4     <meta charset="UTF-8">
  5     <title></title>
  6     <style>
  7     div {
  8         font-size:50px;
  9         /* 可以将行高设置为和高度一样的值，使单行文字在一个元素中垂
    直居中 */
 10         line-height: 200px;
 11         /*                                                         
 12         行高(line-hight)
 13             -行高指的是文字占有的实际高度
 14             -可以通过line-hight来设置行高
 15             -行高可以直接指定一个大小(px,em)
 16             -也可以直接设置为一个整数
 17                 如果是整数的话，行高将会是字体大小的指定倍数
 18             -行高经常用来设置文字间的行间距
 19                 行间距=行高 — 字体大小
 20         字体框
 21             -字体=框就是字体存在的各自，设置font-size实际上就是设置
    字体框的高度
 22         行高会在字体框的上下平均分配
 23  
 24  
 25          */
 26     }
 27  
 28     </style>
 29 </head>
 30 <body>
 31     <div>今天的天气不做放大放大师傅说</div>
 32 </body>
 33 </html>
~                                                                      
~                                                                      
~                                                                      
~                                                                      
~

 

posted @ 2020-11-18 20:45  zou-ting-rong  阅读(216)  评论(0)  编辑  收藏  举报