当表溢出时,如何使那些表格单元格正在改变表格形状?

时间:2015-08-04 13:44:17

标签: javascript html css html-table

一个简单的问题:当表格比屏幕宽时,如果我们在任何单元格或<td>中添加更大的文字。

它将增加整行不必要的额外高度

案例1 (没问题)(只有表格溢出)http://jsfiddle.net/dg3romjt/

案例2 (没问题)(只有包含更多文字的单元格)http://jsfiddle.net/mg8869ou/

案例3 (问题)(溢出 + 包含更多文字的单元格)http://jsfiddle.net/w1dc380w/3/

1 个答案:

答案 0 :(得分:2)

我毫不犹豫地将此作为回答发布,&#34;当它更加谨慎时。

您尝试做的事情可能无法实现。不同的显示器将具有不同的像素长宽比(PAR),因此如果您设计一个看起来正确的解决方案&#34;在监视器X上(方块),具有相同CSS的完全相同的页面在具有不同PAR的不同显示设置上可能看起来不一样。

编辑:我确实找到了有点相关的关于设备像素比例 here的SO帖子,间接讨论了这个问题。< / p>

我可能会对此误解,但我认为PAR根本不是用CSS处理的。您可能会找到一个解决方案,但请注意它可能比您想象的更难以捉摸。可能你可能不得不接受非常接近的那个,虽然不完美。