如何删除水平滚动条

时间:2010-12-07 15:20:44

标签: css

我认为我必须使用CSS 2.1,因为样式overflow-x不可用。 因此,在下面的代码中,我有一个网格的标题,pageLength Id放入一个垂直滚动条,用于网格的内容。不幸的是它也放入了一个水平滚动条,我不需要它。 “overflow-x”不起作用,那又怎么样? CSS看起来像;

#pageLength
{
    height: 400px;
    overflow:auto;
}

网格的表格看起来像这样;

<table >
    <tr>
        <th>
            Date
        </th>
        <th>
            Morning Only
        </th>
        <th>
            Afternoon Only
        </th>
        <th>
            Approved
        </th>
        <th>
            Cancel?
        </th>
    </tr>
    <tbody  id="pageLength">
    <%: Html.EditorForModel()%>
    </tbody>
</table>

***编辑 - 响应页面来源请求

<table>
    <tr>

        <th>
            Date
        </th>
        <th>
            Morning Only
        </th>
        <th>
            Afternoon Only
        </th>
        <th>

            Approved
        </th>
        <th>
            Cancel?
        </th>
    </tr>
    <tbody  id="pageLength">

    <tr>
        <td>
            Wed, December 8, 2010
        </td>            
        <td align="center">

            No
        </td>
        <td align="center">
            No
        </td>
        <td align="center">
            No
        </td>
        <td align="center">
            <input name="[0].CancelFlag" type="checkbox" value="true" /><input name="[0].CancelFlag" type="hidden" value="false" />

            <input name="[0].AnnualLeaveBookedId" type="hidden" value="36" />
        </td>
    </tr>
    <tr>
        <td>
            Wed, December 15, 2010
        </td>            
        <td align="center">
            No
        </td>

        <td align="center">
            No
        </td>
        <td align="center">
            No
        </td>
        <td align="center">
            <input name="[1].CancelFlag" type="checkbox" value="true" /><input name="[1].CancelFlag" type="hidden" value="false" />
            <input name="[1].AnnualLeaveBookedId" type="hidden" value="37" />
        </td>

    </tr>

。 。

1 个答案:

答案 0 :(得分:0)

我认为#pageLength应该有一个固定的宽度&amp;高度。
此外,#pageLength子节点不应超过#pageLength的宽度,请注意CSS Box Model(考虑边距,填充和边框),也许您应该使用CSS Reset