CSS implementation of text content beyond the set width with the ellipsis instead of the rest (code)

This article gives you the content is about CSS implementation of text content if beyond the set width of the ellipsis instead of the rest of the content (code), there is a certain reference value, there is a need for friends to refer to, I hope that you have some help.

CSS beyond a certain width with ellipses ... Instead, how to achieve it? The following code:

. Content. Navleft. histiry>ul{width:200px;}. Content. Navleft. Histiry>ul li{margin-left:10px;height:20px;line-height:20px;color: #999; font-size:12px;cursor :p ointer;/* Mouse on the small hand */word-break:keep-all;/* do not change the line * * *       white-space:nowrap;/* NOT line * * *      overflow:hidden;/* Hide out of bounds when content is out of width *       /text-overflow:ellipsis;/* displays an ellipsis (...) when text overflows inside an object; use with Overflow:hidden; */}

Note: The last 4 code will put, UL Li before the default origin "•" changed, we can use input method to knock on a border-radius:50%, or with the implementation of the.