头闻号

惠州市博美电子有限公司

表面活性剂

首页 > 新闻中心 > 科技常识:固定 table宽度 table
科技常识:固定 table宽度 table
发布时间:2023-02-01 10:04:15        浏览次数:1        返回列表

今天小编跟大家讲解下有关固定 table宽度 table-layout: fixed ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关固定 table宽度 table-layout: fixed 的相关资料,希望小伙伴们看了有所帮助。

为了让表格能够填充屏幕(剩余空白区域) 常将其宽度属性定义为:100% 单元格也是用百分数来定义。 但这样就会出现问题: 如果单元格中的文本超过宽度限制 就会自动换行 高度自动增高 导致整个表格的样式参差不齐 很难看。 很容易想到的解决方法是 禁用文本换行: white-space:nowrap; overflow:hidden; So easy! 但效果仍然出乎意料:文本全部在一行显示 宽度自动加宽 甚至还超出了父容器 overflow完全没有起作用! 怎么回事 百分比的原因么 但是如果使用静态的固定宽度 就失去了表格的灵活性。 于是乎 不费吹飞之力地找到了终极解决方案: 固定表格宽度: table-layout: fixed; 顺便做了个简易的效果图 参考下:

来源:爱蒂网