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”用来控制标题的长度,自己设置好即可。

未注明则为有货街原创,链接: https://www.yohojie.com/boke/3023.html,禁止转载

上一篇:

下一篇:

广告赞助19-扫码即可下载安装