HTML怎么控制段落行高,div css p段落行高行距怎么设置篇

如何使用div+css样式设置p段落之间的上下间距,需要设置哪些样式来控制

之间行距距离呢?css行高怎么写等问题,让大家彻底掌握div css p行距行高样式。

DIVCSS5为大家介绍如何通过CSS样式设置p段落上下行距,而p是文章段落标签,控制p段落行距的css div属性有:

1、css line-height

2、margin

3、padding

因为p之间上下距离实现使用margin样式和padding决定,而line-height也有一定关系。接下来DIVCSS5通过实例方法为大家介绍p段落之间行距,通过css实例掌握对p行距设置。

css+div案例描述,为了观察到效果,我们设置四个DIV 盒子对象,分别里面加入p段落,同时对p段落设置不同的行距观察他们效果,提供效果找出规律从而掌握css设置p行距。

命名分别为".divcss5-a"、".divcss5-b"、".divcss5-c"、".divcss5-d"

在p段落标签默认样式中,padding的值默认为0。同时DIVCSS5对p文字line-height设置为20px

案例一、对margin上下设置为0   -   TOP

1、完整css+div html代码如下:

html>

p行距实例 在线演示 DIVCSS5

p{ line-height:20px}

.divcss5-a p{ margin:0 auto}

第一段

第二段
第二段第二行

第三段

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值