本文摘要：这篇文章介绍了两种实现文本圆点间隔的方法。第一种是直接在文本中插入特殊字符“•”作为间隔符号；第二种则是通过CSS样式，定义类名为.gap-point的样式规则，该样式设置元素为inline-block，添加左右内边距，并将字体加粗，以此达到类似“中熙·香缤山”的间隔效果。使用CSS样式方法时，通过调整display、padding和font-weight属性值，可以灵活地控制文本内容中的圆点间隔样式。

转载文章

本篇文章为转载内容。原文链接：https://blog.csdn.net/huayushuangfei/article/details/78323423。

该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。

作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。

如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

第一种，使用特殊字符

&bull;

第二种，使用CSS + 圆点

.gap-point {display: inline-block;padding: 0 1px;font-weight: bold;
}

中熙<span class="gap-point">·</span>香缤山

本篇文章为转载内容。原文链接：https://blog.csdn.net/huayushuangfei/article/details/78323423。

该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。

作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。

如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

名词解释

作为当前文章的名词解释，仅对当前文章有效。

inline-block：在CSS布局中，inline-block是一种显示模式，它结合了行内元素（inline）和块级元素（block）的特点。当一个元素的display属性设置为inline-block时，该元素会像行内元素一样在水平方向上排列，同时又能像块级元素那样设置宽度、高度以及顶部和底部边距。在本文上下文中，通过将.gap-point类的元素设置为inline-block，可以使其既保持在同一行内显示，又能够对每个圆点间隔进行独立样式控制。

padding：在CSS中，padding是指元素内容与其边框之间的空白区域。它可以分别应用于元素的上、下、左、右边，也可以统一指定一个值应用于所有方向。在文章中，通过对.gap-point类应用padding: 0 1px，意味着在元素的左右两侧各添加1像素的内填充，这样可以在文本之间创建出一定的间距，从而形成类似“·”的间隔效果。

font-weight：这是一个CSS属性，用于控制文本的粗细程度。其可接受的值包括相对值（如normal、bold）和绝对值（100至900的整数，400等同于normal，700等同于bold）。在文章提及的.gap-point类样式中，将font-weight设置为bold，目的是使间隔圆点具有更明显的视觉重量和突出性，使得整体文本排版更具层次感。