                        课程
                    
                        /前端开发
                        
                            /前端工具
                        
                        /带你学习Jade模板引擎

现在文本内容换行jade写法有不同了

自己先跟视频写，没有实现换行效果。

自己尝试进行文本内容换行，是"| "这种竖线加一个空格才实现，当然在P标签内还是常规显示在一行（浏览器足够宽度下）。

jade示例：

p 1.aa <a href="#">link</a>
      | 2.bb
      span B
      | 
      | 3.cc
      strong C
      | 
      | 4.dd
      i D

在html展示：

<p>
      1.aa <a href="#">link</a>
      2.bb<span>B</span> 
      3.cc<strong>C</strong> 
      4.dd<i>D</i>
    </p>

使用的jade版本1.11.0

01:57

学之舟_36820

2016-07-16

源自：带你学习Jade模板引擎 2-5

关注问题我要回答

4695

操作

收起

2 回答

小王子抓猫咪
2017-06-07

如果想在解析后P标签内实现多行文本换行，建议使用 . 这样表示后面的内容都是原始内容，于是你在后面写的文本中如果有换行符，就会换行。

而如果你没有用 . 那么就表示后面的内容都需要解析。然后你可以使用|来表示某一行不需要被解析。最后生成的内容都是一行。

0 回复有任何疑惑可以回复我~

收起回答

学之舟_36820 提问者
2016-07-16

单纯文字：

jade:

p.
        Jade is a terse and simple
        templating language with a
        strong focus on performance
        and powerful features.

html:

<p>
      Jade is a terse and simple
      templating language with a
      strong focus on performance
      and powerful features.
    </p>

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

带你学习Jade模板引擎

参与学习 31272 人
解答问题 122 个

Jade教程，前端开发提速利器，让项目开发行云流水般顺滑

进入课程

现在文本内容换行jade写法有不同了

我要回答关注问题

热搜

最近搜索清空

现在文本内容换行jade写法有不同了

2 回答

现在文本内容换行jade写法有不同了