Nuxt CNode：Node.js专业中文社区

Jade 里怎么弄word-wrap

发布于 11 年前作者 andersbills 4141 次预览最后一次回复是 11 年前来自问答

p!= ‘<width: 50px><word-wrap: break-word>’ + articles[i].article

這個不工作啊。求教！就是限制一行文本的长度

4 回复

什么标签名字 width…?

@jiyinyiyong yes. something like this:

<div style=“word-wrap: break-word; width:50px;”>Textttttttttttttttttttttttttttttttttttttttttttttttttttttttt</div>

需要设置 overflow: hidden; text-overflow: ellipsis; 之类的, 不然文本直接溢出. 极端的时候还要用一下 white-space: nowrap; 限制换行之类的

如果是这一段HTML片段，对应的Jade脚本应该是：

div(style="word-wrap: break-word; width:50px;")=articles[i].article