使用CSS可视化空白

前端之家收集整理的这篇文章主要介绍了使用CSS可视化空白前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有办法使用CSS而不改变原始 HTML代码在文本中可视化空白?让我们说HTML是:
<div class="paragraph">Lorem ipsum dolor sit amet,<br/>consectetur adipiscing elit.</div><div class="paragraph">In augue ipsum,iaculis vel dapibus ut,viverra ut tellus. In ornare euismod leo a ultrices.</div>

>段尾(¶) – >可以使用:之后
断线(↵) – >可以使用:之后
>空格(·) – >我可以想到的唯一方法是使用< span class ='space'/>之类的东西预加所有空格.和使用:之后

最后一个不符合仅使用CSS和原始HTML的条件.有办法吗?

编辑:根据要求,这里是paragarph之后的pilcrow标志的CSS:
.段落:{content:“¶”; }

解决方法

javascript和PHP可能更容易,但如果您坚持使用CSS,则可以使用自定义的Web字体,并用字形替换空格字符(U 0020). somewhat browser compatible cssgenerating custom web font的信息

猜你在找的CSS相关文章