框架里面定义td或th标签的宽度无效怎么办

 时间:2024-10-12 19:20:07

1、用框架的时候,我们是做自适应网站的时候用到的,表格的大小为自适应宽度,但是有时候根倌栗受绽据内容的多少我们需要在小浏览器中内容隐藏掉一部分,这时候设置内容隐藏无效,还是根据内容的多少撑开的宽度。

2、我们来看下默认状态下的样式。(注意:css.css是框架样式,我已经引入到文件中)变大缩小浏览器,可看到此时的表格是随着浏览器的变大缩小改变尺寸的。

框架里面定义td或th标签的宽度无效怎么办

3、我们来看下给td设置固定宽度的效果。在审查元素中我们看到,td的宽度还是根据内容撑开的宽度,并不是我们设置的宽度。

框架里面定义td或th标签的宽度无效怎么办

4、如下图所示,给td设置max-width:160px,当我们缩小浏览器的时候,宽最大为我们设置的值。我们只需要给td设置:max-width的值即可。

框架里面定义td或th标签的宽度无效怎么办

5、我们来看看给td去掉max-width的值后的效果。可以看出内容并不会隐藏,td的宽度根据内容的多少来决定。

框架里面定义td或th标签的宽度无效怎么办
  • 关于html内嵌video的一些参数设置
  • 如何用PHP往MySQL中插入数据
  • 怎么安装creative cloud?
  • 如何获取系统的字体?C#获取系统字体并查看样式
  • 豆瓣怎么玩?
  • 热门搜索
    千岛湖旅游攻略自驾游 吴川旅游景点大全 西宁旅游地图 澳大利亚墨尔本旅游 汉源旅游景点 苏州旅游景点推荐 大学生旅游网 福建武夷山旅游攻略 中山旅游攻略 福鼎旅游景点大全