如何使用CSS在元素之后但不在元素之前插入换行符?

马特

例如:

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";}最终将其渲染为空格而不是换行符。

ak

默认情况下,HTML元素会忽略空格。
您需要更改

.break:after {
    content:"\000A";
    white-space: pre;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用CSS在输入元素后添加换行符?

来自分类Dev

如何使Split不在每个元素的末尾添加换行符

来自分类Dev

在块元素中插入“换行符”

来自分类Dev

如何使用CSS伪元素修复IE对换行符的支持?

来自分类Dev

如何使用CSS伪元素修复IE对换行符的支持?

来自分类Dev

如何使用JavaScript插入换行符?

来自分类Dev

Java:打印数组元素并插入换行符

来自分类Dev

如何在两个内联块元素之间插入换行符?

来自分类Dev

CSS水平元素没有换行符?

来自分类Dev

如何在列表元素中保留换行符\ n?

来自分类Dev

CSS换行符在很长的单词上但不在空格上

来自分类Dev

使用 javascript 用换行符替换 html <br> 元素

来自分类Dev

如何使用bash替换在列表的每个元素的末尾添加换行符

来自分类Dev

使用BeautifulSoup刮板,如何用换行符分隔元素?

来自分类Dev

如何在序列的标题之后和实际的序列之前添加换行符?

来自分类Dev

Javascript在“-”之前和“。”之后添加换行符。

来自分类Dev

使用jQuery插入换行符

来自分类Dev

如果在HTML元素后插入换行符,tinymce 5会引发错误

来自分类Dev

防止Twig在{%include%}之后插入换行符

来自分类Dev

在5个逗号分隔值之后插入换行符

来自分类Dev

sed:在特定模式之后用换行符插入行

来自分类Dev

如何在与SED模式匹配之前插入4个换行符?

来自分类Dev

GNU缩进:如何禁止在结构数组的声明中的','之前插入换行符?

来自分类Dev

基本使用伪元素时,Sass&符(之前/之后)

来自分类Dev

在每个非显式换行符的末尾添加CSS伪元素

来自分类Dev

当元素在父级之外时,CSS空格变成换行符

来自分类Dev

如何在CSS psuedo元素之前/之后控制图像

来自分类Dev

在伪元素之前和之后使用CSS创建向左箭头

来自分类Dev

如何使内联div内容不在换行符中分割

Related 相关文章

  1. 1

    如何使用CSS在输入元素后添加换行符?

  2. 2

    如何使Split不在每个元素的末尾添加换行符

  3. 3

    在块元素中插入“换行符”

  4. 4

    如何使用CSS伪元素修复IE对换行符的支持?

  5. 5

    如何使用CSS伪元素修复IE对换行符的支持?

  6. 6

    如何使用JavaScript插入换行符?

  7. 7

    Java:打印数组元素并插入换行符

  8. 8

    如何在两个内联块元素之间插入换行符?

  9. 9

    CSS水平元素没有换行符?

  10. 10

    如何在列表元素中保留换行符\ n?

  11. 11

    CSS换行符在很长的单词上但不在空格上

  12. 12

    使用 javascript 用换行符替换 html <br> 元素

  13. 13

    如何使用bash替换在列表的每个元素的末尾添加换行符

  14. 14

    使用BeautifulSoup刮板,如何用换行符分隔元素?

  15. 15

    如何在序列的标题之后和实际的序列之前添加换行符?

  16. 16

    Javascript在“-”之前和“。”之后添加换行符。

  17. 17

    使用jQuery插入换行符

  18. 18

    如果在HTML元素后插入换行符,tinymce 5会引发错误

  19. 19

    防止Twig在{%include%}之后插入换行符

  20. 20

    在5个逗号分隔值之后插入换行符

  21. 21

    sed:在特定模式之后用换行符插入行

  22. 22

    如何在与SED模式匹配之前插入4个换行符?

  23. 23

    GNU缩进:如何禁止在结构数组的声明中的','之前插入换行符?

  24. 24

    基本使用伪元素时,Sass&符(之前/之后)

  25. 25

    在每个非显式换行符的末尾添加CSS伪元素

  26. 26

    当元素在父级之外时,CSS空格变成换行符

  27. 27

    如何在CSS psuedo元素之前/之后控制图像

  28. 28

    在伪元素之前和之后使用CSS创建向左箭头

  29. 29

    如何使内联div内容不在换行符中分割

热门标签

归档