我想使用保持输入文本的格式，但显示的文本跨越其父标签的边界

Question

中的文本超出了其父级

的边界。如何解决这个问题呢？

据说可以缩短预格式化文本中的行长，但是如何做到呢？

我看过

<%# 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;
}