如何删除内联块元素之间的空格


本文摘自PHP中文网,作者藏色散人,侵删。

要删除内联块元素之间的空格,可以使用margin-right属性。此属性用于删除其右侧元素之间的空间。此属性生成负值以保持靠近其相邻元素。

句法:

1

2

3

element {

    margin-right:value;

 }

示例:

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

<!DOCTYPE html>

<html>

    <head>

        <style>

            nav a {

                display: inline-block;

                margin-right:-4px;

                background: green;

                color:white;

                font-weight:bold;

                text-decoration:none;

            }

            h1 {

                color:green;

            }

            body {

                text-align:center;

            }

        </style>

    </head>

    <body>

        <h1>GeeksforGeeks</h1>

        <h2>margin-right:-4px;</h2>

        <nav>

            <a href="#"> geeks </a>

            <a href="#"> for </a>

            <a href="#"> geeks </a>

        </nav>

    </body>

</html>

输出结果如下:

2243fc2d0c46aeadaba0e2735b24673.png

支持的浏览器: CSS margin属性支持的浏览器如下所示:

Apple Safari 3.1

谷歌Chrome 4.0

Firefox 3.0

Opera 7.6

Internet Explorer 8.0

以上就是如何删除内联块元素之间的空格的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

如何删除内联块元素之间的空格

更多相关阅读请进入《删除内联块元素之间的空格》频道 >>




打赏

取消

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

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

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

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

评论

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