Css控制标题数字,超出显示省略号

Css实际上不能准确控制文字个数,只能通过控制宽度来实现控制标题字数。

没加样式前,会自动换行,是这样显示的:

image

标题太长了就自动换行了,

加上样式后,是这样的

image

标题宽度超出后,就自动显示省略号了。

那么是如何加的呢?

.bbox ul li{line-height:22px; list-style:none;width:305px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

其中的宽度”width=305px”用来控制标题的长度,自己设置好即可。

来源有货街(公众号:lekuwz)原创,未经允许禁止转载