我想使用 PRE>以保持输入文本的格式,但所显示的文本越过其亲本标签的边界
-
16-09-2019
- |
-
-
16-09-2019 - |
题
在其亲代<pre></pre>
的边界之外<div></div>
步骤的文本。如何解决这个问题呢?
据说该行中的预格式文本长度也可缩短,但如何做呢?
我看到
<%# DataBinder.Eval(Container.DataItem, "Comments")
.ToString().Replace("\n", "<br />") %>
它是C#?我是一个PHP程序员。
解决方案
您可以使用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;
}
其他提示
尝试增加CSS:
pre {
width: 100%;
overflow: auto;
}
不隶属于 StackOverflow