单行文本过长打点
        
只有1行文本时，需要满足如下条件：
文本需要有宽度。当设置了宽度时，文本过长才会超出该宽度，所以文本的元素应该是块级元素（行内元素宽度、高度都会失效）。
不换行显示。单行文本无需换行。
超出部分隐藏。文本超出宽度的部分，需要隐藏显示。
文本超出打点。
        
示例代码：
<style>
    div {
            /* 设置宽度，如果文本内容长短不一，可以设置max-width最大宽度显示，小于最大宽度不会打点 */
            width: 200px;
            /* 文本不会换行显示 */
            white-space: nowrap;
            /* 超出盒子部分隐藏 */
            overflow: hidden;
            /* 文本超出的部分打点显示 */
            text-overflow: ellipsis;
            }
</style>
        
多行文本打点显示
示例代码：
<style>
    div {
            /* 设置宽度原因：让文本宽度超过200px时换行显示 */
            width: 200px;
            /* 不同浏览器有不同的前缀，比如-moz-box */
            display: -webkit-box;
            /* 子元素的排列方式：垂直排列 */
            -webkit-box-orient: vertical;
            /* 设置3行文本之后打点显示 */
            -webkit-line-clamp: 3;
            /* 超出盒子部分隐藏显示 */
            overflow: hidden;
            }
</style>