html - 表格单元格宽度对齐

Question

我有一个 table 设置为 width=100%，有 2 列。
我如何制作第一个 table data 以获取菜单控件的 size(在 td1 内)，然后制作 td2取剩余空间的大小。
如果我将 td2 的 宽度设置为 100%，我的菜单将折叠/环绕。

下面是我的代码:

<table border="1" width="100%">
    <tr>
    <td>
    <asp:Menu ID="Menu" runat="server" Orientation="Horizontal">
    <Items>
    <asp:MenuItem Text="Home" Value="Home"></asp:MenuItem>
    <asp:MenuItem Text="ContactUs" Value="ContactUs"></asp:MenuItem>
    <asp:MenuItem Text="About Us" Value="About Us"></asp:MenuItem>
    </Items>
    </asp:Menu>
    </td>
    <td>TD2</td>
    </tr>
</table> 

Answer 1

尝试以下操作:

<div class="row">
  <div class="col-md-4"> Your menu here</div>
  <div class="col-md-8">Content here </div>
</div>

您将需要 Bootstrap 。