CSS基础：解析padding与line-height属性区别

你对CSS中padding与line-height的区别是否了解，这里和大家分享一下，padding与line-height的区别这是CSS基础知识，对盒模型知识与布局以及相关属性不是很了解的时候，是很容易混淆与分不清楚的。

无为网站建设公司成都创新互联,无为网站设计制作，有大型网站制作公司丰富经验。已为无为千余家提供企业网站建设服务。企业网站搭建\外贸网站制作要多少钱，请找那个售后服务好的无为做网站的公司定做！

CSS基础知识：padding与line-height的区别

padding与line-height的区别这是CSS基础知识，对盒模型知识与布局以及相关属性不是很了解的时候，是很容易混淆与分不清楚的。

其实padding是布局设置，对容器进行内边距定义。而line-height是行距设置，设置对象（如文本）的行高。

Padding属性　

padding是内补丁也叫内边距，也称为填充

检索或设置对象四边的补丁边距。

如果提供全部四个参数值，将按上－右－下－左的顺序作用于四边。

如果只提供一个，将用于全部的四条边。

如果提供两个，***个用于上－下，第二个用于左－右。

如果提供三个，***个用于上，第二个用于左－右，第三个用于下。

内联对象要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。
不允许负值。

line-height属性

检索或设置对象的行高。即字体***端与字体内部顶端之间的距离。

如行内包含多个对象，则应用***行高。此时行高不可为负值。

也就是文本的行距。文本通常是一行或多行组成的，表示各行之间的距离。

例如：

ExampleSourceCode

 
 
 
 
  
  
  
  
我爱CSS-Web标准化Div+css教程致力于Web标准在中国的应用及发展52CSS.com
 
  
  
  
  
或  
  
  
  
  
我爱CSS-Web标准化Div+css教程致力于Web标准在中国的应用及发展52CSS.com
 
  
  
  
  
p,div{  
  
  
  
  
padding-top:40px;  
  
  
  
  
line-height:200%;  
  
  
  
  
}  
 
 
 

最终的效果如图所示

【编辑推荐】

1. CSS padding用法属性详解
2. 三种实用CSS清除浮动方法揭秘
3. 专家推荐三大“***”CSS技巧！
4. 编写***CSS代码的五个关键
5. CSS水平居中和垂直居中多种解决方案

本文名称：CSS基础：解析padding与line-height属性区别
转载源于：http://www.shufengxianlan.com/qtweb/news22/141072.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联