文字溢出容器省略号展示处理

文字溢出容器，要打点展示

一、单行文本

HTML

<p>njhsahdyihdkandwidywhdnhcujsanxjiuyswfdiuahcfoauyfhceencuiebweifjefnieubyiuyhkhy</p>

CSS

p{
    width: 300px;
    height: 20px;
    line-height: 20px;
    white-space: nowrap;/*文字移到边界强制性不换行直接溢出容器显示*/
    overflow: hidden;/*溢出部分隐藏*/
    text-overflow: ellipsis;/*溢出部分以...显示*/
}

二、多行文本

多行文本溢出打点难以实现 不用技术实现直接手写...