CSS设置行间距和字间距

行间距:

  CSS中通过line-height是一个比较常用的属性,可以实现行间距的设置,line-height的值表示的是两行文字之间基线的距离(line-height可以实现文字垂直居中效果,但我一般用flex布局来实现,感觉flex布局比较好用,且适用范围广)。

  line-height的值为具体的数值,可以是相对数值,也可以设置为绝对数值,在静态页面中,文字大小固定时常常使用绝对数值,而对于论坛和博客这些用户可以自定义字体大小的页面,通常设置为相对数值,从而,可以随着用户自定义的字体大小改变相应的行间距。

字间距:

  CSS中通过letter-spacing属性来调整字间距,这个属性同样可以设置相对数值和绝对数值。

  例:letter-spacing:4px;

  有时候我们文字居中后设置字间距后会发现文字向左偏移了,这是我们可以通过设置padding-left来恢复居中效果,以上面为例,可以这样设置:

  padding-left: 4px//消除偏左影响

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值