css设置文字超出部分显示省略号：用CSS实现超长字段用省略号表示的方法以及陷阱

css设置文字超出部分显示省略号：用CSS实现超长字段用省略号表示的方法以及陷阱

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

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

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

overflow:hidden;

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

padding-left: 20px

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