在网页设计中，有时候需要在文本内容过长时显示省略号，这时候可以使用CSS竖向三个点（...）来实现。下面就来详细介绍一下怎么使用。

/* 定义一个样式类名，例如：ellipsis */
.ellipsis {
    /* 设置元素宽度和行数，需要将元素高度设置为单行高度的整数倍 */
    width: 200px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    /* 隐藏超出元素高度的内容 */
    text-overflow: ellipsis;
    /* 显示竖向三个点 */
    white-space: nowrap;
}

上面的代码中，定义了一个名为ellipsis的CSS类，其中设置了元素的宽度、高度和行数，并将超出元素高度的内容隐藏起来。然后，使用text-overflow属性设置省略号样式为竖向三个点，使用white-space属性设置文本不换行。

使用时，只需要在需要显示省略号的元素上添加class="ellipsis"即可。

值得注意的是，如果需要继续显示省略号后的内容，则需要设置元素的高度为多行高度的整数倍，同时将line-height属性和height属性值改为相同的值。如果不需要继续显示省略号后的内容，则可以将元素高度设置为单行高度的整数倍。

总之，CSS竖向三个点是非常实用的设计技巧，可以避免文本溢出页面以及美化页面排版。