使用CSS或JS隐藏顺序回车?

时间:2015-09-21 19:13:44

标签: javascript html css

我认为这是不可能的,但我还是要问。给定一个带有以下内容的Line 1 Line 2 Line 3 标签,无论如何在CSS和/或JS中都会删除额外的回车符,因此它基本上不是四倍间距的?

br {display: none}

我尝试使用(function () { var nodes = document.getElementsByClassName("longdesc"); console.log(nodes.length) for (var n=0; n<nodes.length; n++) { nodes[n].textContent = nodes[n].textContent.replace(/[^\S\r\n]/, "test"); console.log(nodes[n].textContent); } })(); ,但他们不是html换行符。至于JS,我根据我发现的另一个SO答案尝试了以下内容:

Public Shared ReadOnly ThisCommandProperty As DependencyProperty = _
    DependencyProperty.Register("ThisCommand", GetType(ICommand), _
           GetType(thiscontrol), Nothing)

Public Property ThisCommand As ICommand
    Get
        Return CType(GetValue(ThisCommandProperty), ICommand)
    End Get
    Set(ByVal value As ICommand)
        SetValue(ThisCommandProperty, value)
    End Set
End Property

这似乎消除了所有的回车,但只是放了&#34; TEST&#34;在第一个例子中。

当有人通过电子邮件回复时,会在售票系统中发生这种情况。看来,电子邮件中的每个cr / lb都加倍了。

2 个答案:

答案 0 :(得分:1)

使用以下CSS

pre {
    white-space: nowrap;
}

答案 1 :(得分:1)

这有效!

(function () {    
    var nodes = document.getElementsByClassName("longdesc");
    for (var n=0; n<nodes.length; n++) {
        nodes[n].textContent = nodes[n].textContent.replace(/\n{2,}/g, "\r\n\r\n");
    }
})();

freenode上的&lt; 3到https://regex101.com和#regex