如何在不改变文本大小的情况下强制文本移出表格单元格

<style>
    .cell {
        width: 100px; /* 设置单元格宽度 */
        overflow: hidden; /* 隐藏溢出的文本 */
        text-overflow: ellipsis; /* 显示省略号 */
        white-space: nowrap; /* 防止文本换行 */
    }
</style>

<table>
    <tr>
        <td class="cell">这是一个很长的文本内容</td>
    </tr>
</table>

<script>
    window.addEventListener('DOMContentLoaded', function() {
        var cell = document.querySelector('.cell');
        var text = cell.innerText;
        var cellWidth = cell.offsetWidth;
        var textWidth = cell.scrollWidth;

        if (textWidth > cellWidth) {
            var truncatedText = text;
            while (textWidth > cellWidth) {
                truncatedText = truncatedText.slice(0, -1); // 逐步截断文本
                cell.innerText = truncatedText + '...'; // 添加省略号
                textWidth = cell.scrollWidth;
            }
        }
    });
</script>

<table>
    <tr>
        <td class="cell">这是一个很长的文本内容</td>
    </tr>
</table>