当前位置:  开发笔记 > 前端 > 正文

如何设置<td>宽度以直观截断其显示的内容?

如何解决《如何设置<td>宽度以直观截断其显示的内容?》经验,为你挑选了1个好方法。

我正在尝试设置一个表的列宽,它可以正常工作,直到它到达子元素将被视觉截断的点...然后它将不会更小.("视觉截断" - 不适合似乎隐藏在下一列后面)

以下是一些示例代码来演示我的问题:







    
Extra_long_filler_text Desired Width : [----], Actual : [----]

我试过以不同的方式设置宽度,包括

td1.offsetWidth = td1.currentShrinkCount;

td1.width = td1.currentShrinkCount + "px";

td1.style.width = td1.currentShrinkCount + "px";

td1.style.posWidth = td1.currentShrinkCount;

td1.scrollWidth = td1.currentShrinkCount;

td1.style.overflow = "hidden";
td1.width = td1.currentShrinkCount;

td1.style.overflow = "scroll";
td1.width = td1.currentShrinkCount;

td1.style.overflow = "auto";
td1.width = td1.currentShrinkCount;

我意识到,我可能会使用DIV,但我不愿意,因为表是从绑定控件生成的,我真的不想重写asp.net控件.

话虽如此,我认为作为最后的努力,我至少可以用DIV包装每个'td1的内容,溢出会处理事情,但甚至更换


    Extra_long_filler_text


    
Extra_long_filler_text

没用.

有谁知道如何设置宽度以直观地截断其内容?

BTW-我的目标浏览器是IE7.其他浏览器现在并不重要,因为这是一个内部应用程序.



1> Paolo Bergan..:

我只是尝试添加table-layout: fixed;到它

,它在IE7上为我工作.

在固定的表格布局中,水平布局仅取决于表格的宽度,列的宽度,而不取决于单元格的内容

查看文档.

推荐阅读
殉情放开那只小兔子
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有