ZH cheese: limit span display words in CSS

span in the text is taken out of the database, the number of indeterminate text, because of the reason for typesetting only want to let span not more than 6 words, if more than six only display, when the mouse hover up when the tip display all the content

Step1. Adding title in span

<title= "text text text text text"> text text text text literal text </span  >

Step2. Setting span width

span {  display: block;   width: 120px;   Overflow: hidden;   white-space: nowrap;   text-overflow: ellipsis;}

Demo Address

ZH cheese: limit span display words in CSS