Question

我的网页目前看起来像这样：

<asp:Table runat="server" style="position: absolute;
    left: 0%; top: 82%; right: 0%; bottom: 0%; width: 100%; height: 18%"
    CellPadding="0" CellSpacing="0" GridLines="Both">
    <asp:TableRow>
        <asp:TableCell>
            Content1
        </asp:TableCell>

        <asp:TableCell Width="2.5%">
        </asp:TableCell>

        <asp:TableCell >
            Content2
        </asp:TableCell>
    </asp:TableRow>
</asp:Table>

http://img684.imageshack.us/img684/9677/tableu.png

但我需要它看起来像这样：
http://img263.imageshack.us/img263/4508/table2k.png
“Content1”的大小未知，并且表格必须进行调整以适应它，但不会占用“Content2”之外的任何不必要的空间。我不能使用“display：table”，因为它在IE7等中不受支持，所以我几乎坚持使用常规表元素，除非旧版浏览器支持更好的东西。

有谁知道如何实现这一目标？

Answer 1

为什么不向Content2单元格添加宽度？类似的东西：

<asp:Table runat="server" style="position: absolute;
    left: 0%; top: 82%; right: 0%; bottom: 0%; width: 100%; height: 18%"
    CellPadding="0" CellSpacing="0" GridLines="Both">
    <asp:TableRow>
        <asp:TableCell>
            Content1
        </asp:TableCell>

        <asp:TableCell Width="2.5%">
        </asp:TableCell>

        <asp:TableCell Width="97.5%">
            Content2
        </asp:TableCell>
    </asp:TableRow>
</asp:Table>

缩小单元格（在绝对定位的ASP.NET表中）以适合其内容？

1 个答案: