html - 使用 css 在文本后添加“.”（​​句点）

Question

我创建了一个显示事件的 ASP 页面。我已经使用 css 在一个项目模板中显示最多 3 行内容。

我想在文本之后显示 3 个句点，即：

我在互联网上搜索并找到了在使用文本后添加句点的解决方案，.after{content:"..."}但点被放置在新行中，但我想获得图像中的确切输出。

我的CSS是：

        .eventDescription
        {
        height: 45px;
        margin-left: 65px;
        font-size: 15px;            
        line-height: 1.5em;
        overflow: hidden;
        text-align: justify;
        line-height: 15px;
        padding-top: 10px;
        width: 220px;            
        }  

Answer 1

与属性一起使用:after伪content

演示

---

font-size您可以分别使用和letter-spacing属性控制点间距或大小。

演示 2

---

谈到您的语法，您.after{content:"..."}首先需要将类分配给此处的元素，因此<p class="after">您需要将:after伪添加到您的.after类中

.after:after {
   content: "...";
}

注意：使用:after，内容将inline默认为，以便应用您需要使用的边距或填充inline-block;，此外，旧版本的 IE 不会尊重此属性。

有关浏览器支持的更多信息:after