css双下划线的间距 |css三角箭头的代码

.__example-class {
font-size: 16px;
padding: 10px;
background-color: #ccc;
}

上面的代码定义了一个类名为“__example-class”的元素，这个元素有一个16像素的字体大小、10像素的内边距和灰色的背景色。但是这个元素在浏览器中呈现时，双下划线之间会出现一些奇怪的空隙。这是因为浏览器把双下划线解释为一个下划线，然后在下划线前面和后面添加一些空隙。

为了解决这个问题，大家可以在CSS中使用“word-spacing”属性来控制双下划线之间的距离。示例代码如下：

.__example-class {
font-size: 16px;
padding: 10px;
background-color: #ccc;
word-spacing: -0.25em;
}

上面的代码中，大家把“word-spacing”设置为“-0.25em”，表示双下划线之间的距离为负0.25倍的字体大小。这个值可以根据具体情况调整，以适应不同的字体和排版方式。

通过设置“word-spacing”属性，大家可以轻松地解决CSS双下划线间距的问题，使得双下划线命名方式更加清晰易读，也让页面排版更加美观。