我们螅岔出礤在做自适应网页的时候,一般都会用到框架。最近在做一个项目的时候,遇到了这样一个问题,定义td或th标签的宽度会无效,遇到这种情况如何解决?我们来看下面的解决步骤。
工具/原料
框架(你自己用的框架)
sublime
电脑
方法/步骤
1、用框架的时候,我们是做自适应网站的时候用到的,表格的大小为自适应宽度,但是有时候根倌栗受绽据内容的多少我们需要在小浏览器中内容隐藏掉一部分,这时候设置内容隐藏无效,还是根据内容的多少撑开的宽度。
2、我们来看下默认状态下的样式。(注意:css.css是框架样式,我已经引入到文件中)变大缩小浏览器,可看到此时的表格是随着浏览器的变大缩小改变尺寸的。
3、我们来看下给td设置固定宽度的效果。在审查元素中我们看到,td的宽度还是根据内容撑开的宽度,并不是我们设置的宽度。
4、如下图所示,给td设置max-width:160px,当我们缩小浏览器的时候,宽最大为我们设置的值。我们只需要给td设置:max-width的值即可。
5、我们来看看给td去掉max-width的值后的效果。可以看出内容并不会隐藏,td的宽度根据内容的多少来决定。