Question

好的，请耐心解释一下。在下面的代码中我有一些假数据值。如果我添加几个字符，屏幕上的ACTUAL宽度似乎会改变，而不是像我说的那样固定150px。我需要修复宽度。我可以设置一个属性以确保这个吗？

<div id='DataTable' style='height:300px;overflow:auto;overflow-x:auto;overflow-y:scroll;width:900px;'  onmouseup="MatchScroll('DataTable','HeaderTable', true);" onmousemove="MatchScroll('DataTable','HeaderTable', false);"     >
<table border='1' style='width:2850px;'>
    <tbody id='ClearDetails'>
        <tr id='Row0'    style='color:black;height:auto;'>
            <td style='width:150px;'>testtttt</td>
            <td style='width:150px;'>te</td>
            <td style='width:150px;'>test</td>
            <td style='width:150px;'>test</td>
            <td style='width:150px;'>t</td>
            <td style='width:150px;'>test</td>
            <td style='width:150px;'>test</td>
            <td style='width:150px;'>testtttttt</td>
            <td style='width:150px;'>test</td>
            <td style='width:150px;'>test</td>
            <td style='width:150px;'>test</td>
            <td style='width:150px;'>test</td>
            <td style='width:150px;'>test</td>
            <td style='width:150px;'>test</td>
            <td style='width:150px;'>test</td>
            <td style='width:150px;'>test</td>
            <td style='width:150px;'>test</td>
            <td style='width:150px;'>test</td>
            <td style='width:150px;'>test</td>
        </tr>
    </tbody>
</table>

Answer 1

默认情况下不会继承overflow属性，您需要使用它：

<th style='width:150px; overflow-x:hidden;'>
    <a style='width:150px;' href=''>t</a>
</th>

另外，我强烈建议你使用类。

HTML表格标题宽度似乎根据比例宽度调整大小？

1 个答案: