Question

我对文本重叠边框有疑问。我只是使用溢出：在我的CSS中可见

这是我的HTML表格。

我怎么能这样做？

如果文字溢出，我只想隐藏边框..

下面是第2行的代码：

<div id="GridWeb1_viewPanel10" style="height: 598px; width: 100%; overflow: hidden; position: relative;">
    <table id="GridWeb1_viewTable10" class="GridWeb1_3" style="width:0%;" cellpadding="0" cellspacing="0">
        <colgroup>
            <col style="width: 14.25pt;" id="GridWeb1_!0CD10">
            <col style="width: 14.25pt;" id="GridWeb1_!1CD10">
            <col style="width: 14.25pt;" id="GridWeb1_!2CD10">
            <col style="width: 14.25pt;" id="GridWeb1_!3CD10">
            <col style="width: 14.25pt;" id="GridWeb1_!4CD10">
            <col style="width: 138.75pt;" id="GridWeb1_!5CD10">
            <col style="width: 93.75pt;" id="GridWeb1_!6CD10">
            <col style="width: 0pt;" id="GridWeb1_!7CD10">
        </colgroup>
        <tbody>
            <tr id="GridWeb1_[d_row]9" style="height:12.75pt;">
                <td style="-moz-user-select: none;" id="GridWeb1_0#9" class="GridWeb1_26" protected="1" align="left" valign="top">
                    <span class="acwxc" style="height: 11.75pt; display: block; vertical-align: top; -moz-user-select: none;">Residents</span>
                </td>
                <td style="-moz-user-select: none;" id="GridWeb1_1#9" class="GridWeb1_27" protected="1" valign="top">
                    <span class="acwxc" style="height: 11.75pt; display: block; vertical-align: top; -moz-user-select: none;"></span>
                </td>
                <td style="-moz-user-select: none;" id="GridWeb1_2#9" class="GridWeb1_27" protected="1" valign="top">
                     <span class="acwxc" style="height: 11.75pt; display: block; vertical-align: top; -moz-user-select: none;"></span>
                </td>
                <td style="-moz-user-select: none;" id="GridWeb1_3#9" class="GridWeb1_27" protected="1" valign="top">
                     <span class="acwxc" style="height: 11.75pt; display: block; vertical-align: top; -moz-user-select: none;"></span>
                </td>
                <td style="-moz-user-select: none;" id="GridWeb1_4#9" class="GridWeb1_27" protected="1" valign="top">
                     <span class="acwxc" style="height: 11.75pt; display: block; vertical-align: top; -moz-user-select: none;"></span>
                </td>
                <td style="-moz-user-select: none;" id="GridWeb1_5#9" class="GridWeb1_28" protected="1" valign="bottom">
                     <span class="acwxc" style="height: 11.75pt; display: block; vertical-align: bottom; -moz-user-select: none;"></span>
                </td>
                <td title="140150000000100000" style="-moz-user-select: none;" id="GridWeb1_6#9" class="GridWeb1_27" protected="1" align="center" valign="middle">
                     <span class="acwxc" style="height: 11.75pt; display: block; vertical-align: middle; -moz-user-select: none;">140150000000100000</span>
                </td>
                <td style="-moz-user-select: none;" id="GridWeb1_7#9" class="GridWeb1_28" protected="1" valign="bottom">
                     <span class="acwxc" style="height: 11.75pt; display: block; vertical-align: bottom; -moz-user-select: none;"></span>
                </td>
            </tr>
            <tr id="GridWeb1_[d_row]10" style="height:12.75pt;">
                <td title="1. " style="-moz-user-select: none;" id="GridWeb1_0#10" class="GridWeb1_27" protected="1" align="right" valign="top">
                     <span class="acwxc" style="height: 11.75pt; display: block; vertical-align: top; -moz-user-select: none;">1. </span>
                </td>
                <td title="Loans to Government " style="-moz-user-select: none;" id="GridWeb1_1#10" class="GridWeb1_27" protected="1" valign="top">
                     <span class="acwxc" style="height: 11.75pt; display: block; vertical-align: top; -moz-user-select: none;">Loans to Government </span>
                </td>
                <td title="<NULL>" style="-moz-user-select: none;" id="GridWeb1_2#10" class="GridWeb1_27" protected="1" valign="top">
                     <span class="acwxc" style="height: 11.75pt; display: block; vertical-align: top; -moz-user-select: none;"></span>
                </td>
                <td title="<NULL>" style="-moz-user-select: none;" id="GridWeb1_3#10" class="GridWeb1_27" protected="1" valign="top">
                     <span class="acwxc" style="height: 11.75pt; display: block; vertical-align: top; -moz-user-select: none;"></span>
                </td>
                <td title="<NULL>" style="-moz-user-select: none;" id="GridWeb1_4#10" class="GridWeb1_26" protected="1" valign="top">
                     <span class="acwxc" style="height: 11.75pt; display: block; vertical-align: top; -moz-user-select: none;"></span>
                </td>
                <td title="<NULL>" style="-moz-user-select: none;" id="GridWeb1_5#10" class="GridWeb1_28" protected="1" valign="bottom">
                    <span class="acwxc" style="height: 11.75pt; display: block; vertical-align: bottom; -moz-user-select: none;"></span>
                </td>
                <td title="140150000500120000" style="-moz-user-select: none;" id="GridWeb1_6#10" class="GridWeb1_27" protected="1" align="center" valign="middle">
                    <span class="acwxc" style="height: 11.75pt; display: block; vertical-align: middle; -moz-user-select: none;">140150000500120000</span>
                </td>
                <td style="-moz-user-select: none;" id="GridWeb1_7#10" class="GridWeb1_28" protected="1" valign="bottom">
                    <span class="acwxc" style="height: 11.75pt; display: block; vertical-align: bottom; -moz-user-select: none;"></span>
                </td>
            </tr>
        </tbody>
    </table>
</div>

和每个范围的唯一css：

span.acwxc {
    height: 11.75pt; 
    display: block; 
    vertical-align: top; 
    -moz-user-select: none;
    overflow:visible !important;
}

从CSS文件加载的HTML CSS样式表

0 个答案: