我们有一个div,我们希望宽度在屏幕尺寸的90%的意义上是动态的。如果div的内容溢出,我们想隐藏溢出。
如果我将宽度设置为px而不是90%,我只能隐藏溢出。
有没有办法用百分比来做?
修改
问题似乎是div正确隐藏但是它在表TD中,并且TD正在将其自身调整为div,就好像它没有被隐藏一样。
修改
看起来当div在表格中时,TD的大小是通过在计算百分比宽度属性之前获取DIV的完整大小来计算的。一旦TD被占用,则计算div的百分比宽度。
答案 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>