CSS如何设置行间距和字间距


当前第2页 返回上一页

第二段和第三段,分别设置了不同的文字大小,但是由于使用了相对数值,因此,能够自动的调节行间距。

CSS设置字间距

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

<span style="font-size:24px;"><html>

    <head>

        <title>

            字间距

        </title>

        <style>

            <!--

            p.one{

            font-size:10pt;

            letter-spacing:-2pt;

        }

            p.second{

            font-size:18px;

        }

            p.third{

            font-size:11px;

        }

            p.second,p.third{

            letter-spacing:.5em;

        }

        -->

        </style>

    </head>

     

    <body>

        <p classs="one">文字间距1,负数</p>

        <p class="second">文字间距2,相对数值</p>

        <p class="third">文字间距3,相对数值</p>

    </body>

</html>

</span>

代码如上,可以看到文字间距属性letter-spacing除了可以使用相对数值和绝对数值外,还可以使用负数来实现文字重叠的效果。

【推荐学习:css视频教程】

以上就是CSS如何设置行间距和字间距的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

css阴影的设置与取消

css flex-flow属性怎么用

简述什么是css

一招搞定css相对原点定位背景图片

什么是web安全色?

css怎么设置table样式

css之简单的响应式的实现

css hack是什么意思

html引用css文件的方法

css text-wrap属性怎么用

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...