溢出隐藏时,我可以设置90%的宽度

时间:2009-08-24 19:42:17

标签: html css

我们有一个div,我们希望宽度在屏幕尺寸的90%的意义上是动态的。如果div的内容溢出,我们想隐藏溢出。

如果我将宽度设置为px而不是90%,我只能隐藏溢出。

有没有办法用百分比来做?

修改

问题似乎是div正确隐藏但是它在表TD中,并且TD正在将其自身调整为div,就好像它没有被隐藏一样。

修改

看起来当div在表格中时,TD的大小是通过在计算百分比宽度属性之前获取DIV的完整大小来计算的。一旦TD被占用,则计算div的百分比宽度。

2 个答案:

答案 0 :(得分:4)

尝试使用“table-layout:fixed” - 无论内容如何,​​您的表格列都将保持相同的大小,而溢出:隐藏现在可以达到预期的效果(至少它在浏览器中对我来说是至关重要的)已经测试过了)

答案 1 :(得分:2)

我尝试过,并设法使用以下代码:

    <div style="border: solid 1px red; width: 90%; overflow: hidden;white-space:nowrap;">
       Stuff in here will cut off at end of div.
    </div>