HTML的行高间距的设置和字体之间的间距

废柴学学长

6578人浏览 · 2022-06-21 11:59:24

废柴学学长 · 2022-06-21 11:59:24 发布

上面这是没有设置行高与字体之前的样子

下面这是设置有行高之后的样式

line-height: 80px;/*行高的设置为80px*/

这是设置有行高和字体间距后的样式

letter-spacing: 10px;/*字体的间距为10px*/

代码：<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8" />
       <title>行高与字体间距</title>
       <style type="text/css">
           .content{
               line-height: 80px;/*行高的设置为80px*/
               font-size: 25px;/*字体大小为25px*/
               letter-spacing: 10px;/*字体的间距为10px*/
           }
       </style>
   </head>
   <body>
       <div class="content">众所周知，生命在于运动。
       <br />它是一种凭借人体自身力量在水中的运动过程。</div>
   </body>
</html>