当对象内文本溢出时显示省略标记(text-overflow:ellipsis)

 

当对象内文本溢出时显示省略标记(text-overflow:ellipsis)

overflow: hidden;text-overflow:ellipsis;white-space:nowrap;一定要一起用

1.一定要给容器定义宽度.table时定义table-layout:fixed;

2.如果少了overflow: hidden;文字会横向撑到容易的外面

3.如果少了white-space:nowrap;文字会把容器的高度往下撑；即使你定义了高度，省略号也不会出现，多余的文字会被裁切掉

4.如果少了text-overflow:ellipsis;多余的文字会被裁切掉，就相当于你这样定义text-overflow:clip.