有没有办法让空格: nowrap只显示一个点(.)

<style>
    .ellipsis {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
</style>

<div class="ellipsis">你的文本内容</div>

<div id="textContainer">你的文本内容</div>

<script>
    var textContainer = document.getElementById('textContainer');
    var containerWidth = textContainer.offsetWidth;
    var textContent = textContainer.innerHTML;

    if (textContainer.scrollWidth > containerWidth) {
        while (textContainer.scrollWidth > containerWidth) {
            textContent = textContent.slice(0, -1);
            textContainer.innerHTML = textContent + "...";
        }
    }
</script>