Use CSS to change the number of words to ellipses

<style>. Text1{ Width200px; OverflowHidden Text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; White-space:NoWrap}. text2{ Width200px; Word-break:Break-all; Display-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:Vertical OverflowHidden}</style><Div Class="Text1" > Hot Picks: From sub-channel (Dress shoes bag, parent-child, home, Beauty) in the selection, the inventory of more than 30% of the high price of the product list, the number of 50</Div><br />  <div  class="Text2" > Hot picks: From sub Channel (Dress shoes bag, parent, home, Beauty) selected in the schedule, the inventory of more than 30% of the high-priced products list, the number of 50  </div>

The demo works as follows:

Use CSS to change the number of words to ellipses