超出 asp.net 母版页内容边距的 HTML 表格答案

【问题标题】：HTML table going beyond asp.net master page content margin超出 asp.net 母版页内容边距的 HTML 表格
【发布时间】：2012-07-01 06:51:38
【问题描述】：

我在 asp.net(vb) 母版页中有一个包含 9 列的表。单元格应该包含文本框。但即使没有文本框，它们也超出了内容边距。那么可以做些什么来使它们适合母版页边距，如果仍然不适合，则内容区域应该可以滚动（而不是整个页面！）。

【问题讨论】：

标签： asp.net html css vb.net master-pages

【解决方案1】：

在表上使用 CSS 属性 width 和 overflow...假设它是一个 ASP.Net 控制表，而不是纯 HTML，那么它看起来像这个：

<style type='text/css'>
    table.mytable {
        width: 100%;
        overflow-x: scroll;
    }
</style>

<asp:Table CssClass="mytable">
    <%-- table stuff  --%>
</asp:Table>

如果是普通的 HTML 表格：

<table style="width: 100%; overflow-x: scroll">
    <!-- table stuff -->
</table>

【讨论】：

哎呀！它给出了一个验证错误：Validation (CSS 2.1):overflow-x is not a known CSS property name. 另请注意，它是一个纯 HTML 表！
@rahulserver 它支持所有主流浏览器，甚至 IE。我不知道为什么 Visual Studio 的 Intellisense 不能识别它。

【解决方案2】：

使用 asp.net 面板控制对我有用。它会自动在表格的边缘和底部添加滚动窗格。

【讨论】：