css - 使用 CSS 假删除中断标签

Question

我一直在尝试删除由中断标记引起的换行符

我提出了一个适用于 Chrome 的解决方案，但不适用于 Firefox/IE11。有点好奇是否有一个仅 CSS 的解决方案可以在这种情况下使用，并且可以在大多数现代浏览器上运行:

HTML

<p>This line breaks in firefox,<br> but not chrome</p>

CSS

br {
    display: inline-block;
    content: " ";
    width: 7px;
}

JSFiddle

编辑:

1. 中断标记还需要充当两个单词之间的空格。

Answer 1

使用以下标记可以跨浏览器工作:

HTML

<div class="test">WORD<br>&nbsp;WITH<br>&nbsp;SPACE</div>
<div class="">WORD&nbsp;<br>WITH&nbsp;<br>SPACE</div>

CSS:

.test br{
    display: none;
}

用例是，如果您希望在某个媒体查询中使用
标记，同时仍保留字母之间的空格。 JSFIDDLE