[分享]css两个span之间的间隙

CSS中span标签是一种常用的文本装饰元素，可以用来改变文字的颜色、字体、字号、字形等样式。在实际应用中，我们有时需要在两个span之间添加一段间隙，以便让它们之间的文字看起来更加清晰、美观。那么，...

CSS中span标签是一种常用的文本装饰元素，可以用来改变文字的颜色、字体、字号、字形等样式。在实际应用中，我们有时需要在两个span之间添加一段间隙，以便让它们之间的文字看起来更加清晰、美观。那么，在CSS中，如何实现span之间的间隙呢？

答案是使用margin属性。下面是一个简单的例子：

  <style>
            span {
                color: #f00;
            }
            .gap {
                margin-left: 10px;
            }
        </style>
        <p>
            <span>我是一段文字</span>
            <span class="gap">我是另一段文字</span>
        </p> 

在上面的例子中，我们给第二个span设置了一个margin-left属性，其值为10px。这样，它就会在左侧留出一段间隙，与第一个span之间隔了一段距离。

需要注意的是，margin属性的值可以是具体的数值，也可以是CSS的百分比值、em单位等。此外，还可以使用margin-right属性来控制span与其后面的元素之间的距离。