代码之家  ›  专栏  ›  技术社区  ›  Steve Horn

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

  •  0
  • Steve Horn  · 技术社区  · 17 年前

    请考虑以下事项:

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

    您知道如何让td遵守我在样式中指定的宽度吗?

    4 回复  |  直到 10 年前
        1
  •  2
  •   tsilb    17 年前

    理论上,可以使用“最小宽度”和“最大宽度”样式。实际上,一些流行的浏览器忽略了这些样式。在本例中,您已明确声明宽度为400,因此它应始终等于400,除非由正在生长的子对象或正在收缩的父对象执行操作。您可以运行“服务器”并根据内容大小以编程方式确定宽度属性,也可以使用溢出样式,或者将其放在带有水平滚动条的面板中。

        2
  •  0
  •   Steve Perks    17 年前

    桌子上是否有宽度以及桌子内是否有其他tds?还有,你有没有正在进行的文档类型?

    <td style="width: 500px">
      <div style="padding: 0 50px">SomeContent</div>
    </td>
    

    适当地设置填充。


        3
  •  0
  •   scunliffe    17 年前

    试试这个:

    <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不理解最大宽度,只能将其强制为500px。

        4
  •  0
  •   Phunky    17 年前

    您没有理由在TD内的DIV上设置固定宽度,默认情况下,DIV是块元素,这意味着它们将填充包含该元素的整个宽度。

    在TD上设置填充或在DIV上设置边距以实现相同的样式。

    在没有看到更多的标记或css的情况下,我看不出TD不是500px的任何原因,如果你在元素中添加两种不同的背景色,你会发现TD将比div宽100px。