Question

在这里有一个类似的问题Non-breaking parentheses? 但白色空间：nowrap;使整个事情在一条线上并不理想。例如一组大象...在ie中，（s）可以在一个单独的行中。有没有办法在IE中禁用它？

Answer 1

令人遗憾的是，Internet Explorer和Microsoft Edge在这方面的行为与其他浏览器不同。我是Microsoft Edge团队的工程师，并将提交互操作错误，以便与团队进一步调查此事。

目前，您可以将每个实例包装在span元素中，从而防止其中的内容包含空白区域。我理解这个内容来自用户输入;因此，您可以识别需要包装的用户输入部分，并用元素替换它们。举个简单的例子，这里有一种方法：

var tweets = [].slice.call( document.querySelectorAll( ".tweet" ) );

tweets.forEach(function ( tweet ) {
    tweet.innerHTML = tweet.innerHTML.replace(/\w+\(\w+\)/g, function ( match ) {
        return "<span class='nobreak'>" + match + "</span>";
    })
});

.nobreak {
    color: white;
    background: green;
    white-space: nowrap;
}

.tweet {
    border: 1px solid #000;
    animation: rescale 20s linear infinite alternate;
}

@keyframes rescale {
    from { width: 100% }
      to { width: 25%  }
}

<p class="tweet">@ericlaw I've been thinking about this feature, and the security risk(s). I like the fact they're experimenting, but wonder at what cost.</p>

括号在IE中断行

1 个答案: