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

PHP中文网 JavaScript 百度已收录

当前第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如何设置行间距和字间距的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

相关阅读 >>

15 个优秀的响应式 web 设计 html 和 css 框架

css怎么让div居中

如何使用css设置背景图的重复与否

深入了解css3 border-sizing属性

css文字颜色渐变的三种实现方式（附代码）

你可能不了解的css容器查询！！

css如何实现隐藏滚动条

css里面怎么注释

css怎么给文字添加描边

你所不知道的css规则，值得收藏！！

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




标签：

打赏

取消

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

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

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

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

相关推荐

评论

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