最近在制作列表使用<li>标签，默认li标签内的内容是自动换行的。由于样式需要，要求li标签的内容不换行。

默认自动换行状态如图：

这样是很不美观的，我们需要给li标签做以下css修饰：

li {
  overflow: hidden; 
  white-space: nowrap;
  text-overflow:ellipsis;
}

注意：overflow是隐藏超出内容，white-space是强制不换行，在一行内显示，text-overflow是超出部分显示省略号。

修改后的样式如图