超出标签范围文字隐藏

超出标签范围文字隐藏

.mui-ellipsis{

overflow: hidden;

white-space: nowrap;

text-overflow: ellipsis;

}

<div class="mui-col-sm-6 mui-col-xs-6">
    <li class="mui-table-view-cell">
     <a class="mui-navigate-right">
      <img src="images/g2-1.webp" >
     </a>
     <p class="name">商品名称</p>
     <p class="info mui-ellipsis">商品说明商品说明商品说明商品说明商品说明商品说明商品说明商品说明</p>
     <p class="priceArea"><span class="price">999</span></p>
    </li>
   </div>