css怎么使字体更加紧凑


本文摘自PHP中文网,作者V,侵删。

css使字体更加紧凑的方法:可以利用letter-spacing属性来实现,如【letter-spacing: 20px;】。letter-spacing属性用于增加或减少字符间的空白(字符间距)。

本教程操作环境:Windows7系统、css3版,本文适用于所有品牌的电脑。

letter-spacing 属性增加或减少字符间的空白(字符间距)

(学习视频分享:css视频教程)

属性值:

  • normal 默认。规定字符间没有额外的空间。

  • length 定义字符间的固定空间(允许使用负值)。

  • inherit 规定应该从父元素继承 letter-spacing 属性的值。

举例:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <style type="text/css">

            .p2 {

                letter-spacing: -4px;

            }

            .p3 {

                letter-spacing: 20px

            }

        </style>

    </head>

    <body>

        <p class="p1">正常文本!正常文本!</p>

        <p class="p2">紧凑的文本!紧凑的文本!</p>

        <p class="p3">稀疏的文本!稀疏的文本!</p>

    </body>

</html>

效果:

c3330b7937e6c5620fda52e4c8e7c79.png

相关推荐:CSS教程

以上就是css怎么使字体更加紧凑的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

css超出宽度怎么显示省略号

css怎么消除块元素

css中:not用法是什么

css中float属性的属性值有哪些

css文本怎么设置水平对齐

css样式怎么把按钮变圆

css target属性怎么用

css如何解决不同浏览器下文本兼容的问题

css是编程语言吗

css怎么隐藏文本超出部分

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




打赏

取消

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

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

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

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

评论

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