固定表宽度表布局:固定
为了使表填充屏幕(剩余空白区域),它通常被定义为宽度属性:100%,单元格也被定义为百分比。
但这将是一个问题:如果单元格中的文本超过宽度限制,它会自动改变行,并且高度会自动增加,这将导致整个表单的不平衡形式。
最简单的办法是禁用的文本行:白色空间:nowrap;溢出:隐藏;
很容易!但效果仍然出乎意料:文本显示在一行中,宽度自动扩大,甚至超出父容器,溢出没有任何效果。
有什么好新闻这个百分比的原因是什么但是,如果使用静态固定宽度,则表的灵活性就丧失了。
然后,没有chuifei力找到最终的解决方案:固定宽度:表格布局:固定;
顺便说一下,一个简单的效果图,参考如下: