table 自动截断 IE FIREFOX 兼容性

2019独角兽企业重金招聘Python工程师标准>>>

在TABLE布局的时候，当文本信息超过设定的宽度之后，我们为了不破坏格式，以及表达更好，我们会把超过宽度的内容隐藏，并且加上。。。来表示，为了实现这个设置，我们需要在table的TD里面加上一个div，然后给这个div设置布局

div{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

这样设置了之后，在IE里面就可以很正常的显示了，但是在firefox里面，TD却还是会被撑大，并没有把内容隐藏起来，这个时候，我们还需要给div设置一个width，写一个固定的宽度，这样，在firefox上面就可以正常显示了，就像这样

div{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width: 100px; }

 

PS：这种设置只能在width是固定的宽度下面设置才行

版权声明：本文为博主原创文章，未经博主允许不得转载。

转载于:https://my.oschina.net/durendong/blog/489867