我想使用 以保持输入文本的格式，但所显示的文本越过其亲本标签的边界

Question

在其亲代<pre></pre>的边界之外<div></div>步骤的文本。如何解决这个问题呢？

据说该行中的预格式文本长度也可缩短，但如何做呢？

我看到

<%# DataBinder.Eval(Container.DataItem, "Comments")
               .ToString().Replace("\n", "<br />") %>

它是C＃？我是一个PHP程序员。

Answer 1

您可以使用CSS来使文本换行：

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

如果你不想文本格式改变过，这个CSS将使用滚动条，使所有文本可见的反正：

pre {
  width: 100%;
  overflow: auto;
}

Answer 2

尝试增加CSS：

pre {
  width: 100%;
  overflow: auto;
}