随着内部Div扩展,使HTML列更宽

时间:2008-11-06 18:27:46

标签: html css html-table

请考虑以下事项:

<td style="width: 500px;">
    <div style="width: 400px;">SomeContent</div>
</td>

出于某种原因,包含div的列不会像样式所示那样扩展到500px。

你知道如何让td符合我在风格中指定的宽度吗?

4 个答案:

答案 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>