1 shows the code
<head>
<Meta charset = "UTF-. 8">
<title> overflow text display ellipsis </ title>
<Link the rel = "this stylesheet" the href = "CSS / sublime.css" />
<style type = "text / CSS ">
li {
width: 200px;
height: 30px;
White-Space: nowrap; / * highlighted all the text on the same line, knowing that the end of text or suffer br wrap * /
overflow: hidden; / * excess hidden * /
text -overflow: ellipsis; / * overflow portion ellipsis in place * /
Line-height: 30px;
}
</ style>
</ head>
<body>
<Li> not fit a lot of text not fit a lot of text not fit a lot of text not fit a lot of text </ Li>
</ body>
</ HTML>
2, page display
3, the use of tools: sublime