입력 텍스트의 형식을 유지하기 위해 를 사용하고 싶지만 표시된 텍스트는 부모 태그의 경계를 가로 지릅니다.

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