例如:
HTML:
The quick brown fox <span class="break">{BREAK}</span> jumps over the lazy dog.
我要显示此:
敏捷的棕色狐狸{BREAK}
跳过那只懒狗。
我调查了该display
物业,但display:inline;
没有任何地方display:block
折断,两边都休息。
我也研究了:after
伪类,但.break:after{content:"\000A";}
最终将其渲染为空格而不是换行符。
默认情况下,HTML元素会忽略空格。
您需要更改:
.break:after {
content:"\000A";
white-space: pre;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句