欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  css文字行间距怎么设置?css设置行间距方法
 
  在一篇文章中,每一行文字字体的间距就是我们所说的行距,在css中,我们可以使用line-height属性来表示行距。行距的设置可以通过对line-height的样式来实现,只要我们控制line-height属性,就可以实现文字字体的距离。代码如下:
 
  <!DOCTYPEhtml>
 
  <html>
 
  <head>
 
  <metacharset="utf-8"/>
 
  <title>css行间距实例</title>
 
  <style>
 
  .a{line-height:30px}
 
  .b{line-height:50px}
 
  </style>
 
  </head>
 
  <body>
 
  <divclass="a">
 
  我被设置行高30px<br/>
 
  我行距为22<br/>
 
  我是占位内容
 
  </div>
 
  <divclass="b">
 
  我被设置行高30px<br/>
 
  我行距为50<br/>
 
  我是占位内容
 
  </div>
 
  </body>
 
  </html>
 
  分析:
 
  .a{line-height:22px}
 
  表示行高为22px;
 
  .b{line-height:40px}/
 
  表示行高为40px;





本文转载自中文网
 

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css3-style/c56565.shtml