Javascript 隐藏/显示跨度元素时，如何保持固定宽度显示

我正在使用一些代码，我想从中扩展功能。BioJS对象通过为每个字母创建单独的span元素并在x个字母后创建一个分隔符（简化）来形成序列显示：

`var j=1；
对于（var i=1；i我找到了问题的根源，这是来自BioJS的javascript添加了一个内联样式的
空白：pre
，它阻止span元素在容器中包装。它导致包含的元素仅在换行时中断。
我找到了问题的根源，即BioJS的javascript添加了一个内联样式
whitespace:pre
，该样式阻止span元素在容器中包装。它导致包含的元素仅在换行时中断。
不清楚您的问题是什么，但是
display:none
将隐藏一个元素，并导致布局重新设置流：好像它从来没有存在过。<代码>可见性：隐藏将在视觉上隐藏一个元素，但在文档流中留下它的空间。我已经使用了显示：没有。但是，断线被保留，因为它们被JavaScript插入。如果我删除这些断线，我就剩下一系列溢出元素的跨度元素。右侧的ent div。可能有一些CSS设置或其他类型的元素可以替代。不清楚您的问题是什么，但是
display:none
将隐藏元素，并导致布局回流，好像它从未存在过一样。
可见性：hidden
将在视觉上隐藏元素，但保留其空间在文档流中。我已经在使用display:none。但是，换行符会被保留下来，因为它们是由javascript插入的。如果我删除这些换行符，那么我的左侧会有一系列span元素溢出右侧的父div。可能有一些CSS设置或其他类型的元素可以替代.
`   var j=1;
    for (var i=1; i <= a.length; i++) {

        if( i % opt.numCols == 0) {
            str += '<span class="sequence" id="' + this.getId() + '_' + i + '">' + a[i-1] + '</span>';

            str += '<br/>';

            j = 1;

        } else {
            str += '<span class="sequence" style="'+spaceStyle+'" id="' + this.getId() + '_' + i + '">' + a[i-1];
            str += ( j % opt.numColsForSpace == 0)? ' ' : '';
            str += (opt.spaceBetweenChars)? ' ' : '';
            str += '</span>';
            j++;
        }
    }`