Question

遇到问题：

我有几个asp.net控件（datalist），主要问题是，我需要显示3行2列，其中行高相同，并且它们应该填满页面的可查看端口。

我尝试使用高度为百分比的常规HTML表格，但是，没有去。如果我在px中使用固定高度，我很好，但是当可视页面高度发生变化时，这并没有帮助。

关于如何最好地实现这一点的任何想法（即使不使用表格）？

代码：

<form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <asp:TabContainer ID="TabContainer1" runat="server">
     <asp:TabPanel ID="tabPnlMoves" runat="server" CssClass="MovesPanelClass">
        <HeaderTemplate> Moves </HeaderTemplate>
            <ContentTemplate>
    <div style="width: 25%; float: left; border: 1px solid black; height: 33%; display: table-cell;">
    </div>
    <div style="width: 70%; float: left; border: 1px solid green; height: 33%; display: table-cell;">
    </div>
    <div style="width: 25%; float: left; border: 1px solid pink; height: 33%; display: table-cell;">
    </div>
    <div style="width: 70%; float: left; border: 1px solid blue; height: 33%; display: table-cell;">
    </div>
    <div style="width: 25%; float: left; border: 1px solid gray; height: 33%; display: table-cell;">
    </div>
    <div style="width: 70%; float: left; border: 1px solid pink; height: 33%; display: table-cell;">
    </div>
    </ContentTemplate>
        </asp:TabPanel>

    </asp:TabContainer>
    </form>

Answer 1

您可以将div与style="width:50%;float:left"

一起使用

看看这个工作小提琴：http://jsfiddle.net/EnrKD/1/

HTML表3行，2列高度相等

1 个答案: