Tag: 视

在固定宽度div中包含“white-space：pre”的文本

如果标题有点模糊，请允许我解释一下。 我正在使用NodeJS，MongoDB和Express制作一个小问答应用程序。 目前我正在使用CSS做布局部分。 我有一个小文本区，在这里你可以提交文本，点击提交button后，你被redirect到一个页面，显示刚刚通过表单input的数据。 但是，文本的主体溢出了我为div设置的最大宽度，这发生在我添加了“white-space：pre”之后。 属性来启用邮件中的换行符。 在此之前，文本将保持在我为div定义的960像素宽度内，但不会有任何换行符。 这个视图的Jade代码： extends layout block content div.pageContainer h1 #{discussion.title} span(id="categoryMarker" style="font-size: 1.25em;") "#{discussion.category}" h3 #{discussion.author} |  -   span Created on #{discussion.date.toDateString()} br br div#bodyText p #{discussion.body} footer div.wrapper a.hvr-grow(href="/discussions") Back to all threads span.hvr-grow(style="color:white;")   -   a.hvr-grow(href="/discussions/create") Start a thread CSS样式表（与来自textarea的input显示的p相关） #bodyText { font-size: 0.75em; font-family: Arial, "Helvetica Neue", Helvetica, […]