1、用框架的时候,我们是做自适应网站的时候用到的,表格的大小为自适应宽度,但是有时候根倌栗受绽据内容的多少我们需要在小浏览器中内容隐藏掉一部分,这时候设置内容隐藏无效,还是根据内容的多少撑开的宽度。
2、我们来看下默认状态下的样式。(注意:css.css是框架样式,我已经引入到文件中)变大缩小浏览器,可看到此时的表格是随着浏览器的变大缩小改变尺寸的。
3、我们来看下给td设置固定宽度的效果。在审查元素中我们看到,td的宽度还是根据内容撑开的宽度,并不是我们设置的宽度。
4、如下图所示,给td设置max-width:160px,当我们缩小浏览器的时候,宽最大为我们设置的值。我们只需要给td设置:max-width的值即可。
5、我们来看看给td去掉max-width的值后的效果。可以看出内容并不会隐藏,td的宽度根据内容的多少来决定。