私は、入力されたテキストの書式を維持するために PRE>を使用したいのですが、表示されたテキストは、その親タグの div>の境界を越えます
-
16-09-2019
- |
-
div>の境界を越えます
-
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