css样式超出隐藏并显示省略号

     .p{
            width:200px;
            overflow: hidden;
            text-overflow:ellipsis;
            white-space: nowrap;
        }

　　一定要加宽或者加高，我所接到需求一般都要给隐藏的标签加上title,以免隐藏的地方看不到

　　　　<p class="p_name" :title="item.name">

                    <span>{{item.name}}</span>

                  </p>