龙空技术网

用CSS实现超长字段用省略号表示的方法以及陷阱

一颗帮棒棒糖 106

前言:

此刻同学们对“html显示省略号”大致比较关心,你们都需要学习一些“html显示省略号”的相关资讯。那么小编在网络上网罗了一些对于“html显示省略号””的相关知识,希望姐妹们能喜欢,同学们快快来了解一下吧!

设置文字超长用省略号显示的css代码如下:

width:50px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;

但如果前面使用伪代码设置了图片,由于这里使用了

overflow:hidden;

很有可能图片就显示不出来了,此时解决方式可以是添加padding-left

padding-left: 20px

设置的左padding的宽度稍微大于伪代码中设置的图片的宽度


标签: #html显示省略号 #css文字内容超出时使用省略号 #css多出的文字显示省略号 #css文本超出2行显示省略号 #css文字超出省略号