请考虑以下事项:
<td style="width: 500px;">
<div style="width: 400px;">SomeContent</div>
</td>
出于某种原因,包含div的列不会像样式所示那样扩展到500px。
你知道如何让td符合我在风格中指定的宽度吗?
答案 0 :(得分:2)
理论上,您可以使用最小宽度和最大宽度样式。实际上,一些流行的浏览器会忽略这些样式。在这种情况下,您已明确声明宽度为400,因此除非儿童成长或父母萎缩,否则它应始终等于400。您可以运行“服务器”并根据内容大小以编程方式确定宽度属性,或者您可以使用溢出样式进行播放,或将其放在带有水平滚动条的面板中。
答案 1 :(得分:0)
桌子上有宽度和桌子内的其他tds吗?另外,你有一个doc类型吗?
然而,这就是说,这是你的解决方案:
<td style="width: 500px">
<div style="padding: 0 50px">SomeContent</div>
</td>
正确设置填充。
重新阅读您的问题后,我觉得这可能不是您正在寻找的答案。你能详细说明一下吗?
答案 2 :(得分:0)
试试这个:
<td style="width:500px;">
<div style="width:100%;">SomeContent</div>
</td>
如果你想让td成为div的确切大小,最大为500px,那么试试:
<td style="max-width:500px;">
<div style="width:100%;">SomeContent</div>
</td>
请记住IE6不理解max-width,只会强制它为500px。
答案 3 :(得分:0)
您没有理由在TD内的DIV上设置固定宽度,默认情况下DIV是块元素,这意味着它们将填充包含元素的整个宽度。
在TD上设置填充或在DIV上设置边距以实现相同的样式。
如果没有看到更多的标记或css,我看不出为什么TD不会是500px的任何原因,如果你为元素添加了两种不同的背景颜色,你会发现TD会比div宽100px。 / p>