CSS 요소가 다음과 같이 작동하도록 할 수 있습니까?

CSS 요소가 다음과 같이 작동하도록 할 수 있습니까?

---

iframe 내부에 일부 콘텐츠를로드하고 있습니다. 이 콘텐츠가 <pre>태그 내부에있는 것처럼 동작하기를 원합니다. 즉, 줄 바꿈을 존중하기 위해. 이 iframe의 본문 요소 스타일을 설정하기 위해 자바 스크립트를 사용하고 있습니다.

이 iframe의 본문이 내부처럼 작동하도록하는 특정 스타일을 설정할 수 있는지 궁금합니다 <pre/>.

---

기본 설정 또는 http://www.w3.org/TR/CSS2/sample.html 에서 가정하는 방법을 찾을 수 있습니다 . 사전 요소 및 짜임새로 작동하려는 요소에 동일한 스타일을 적용하십시오. 너 끝났어

ps는 기본적으로

pre{ white-space: pre ; display: block; unicode-bidi: embed }

---

공백이 아닌 줄 바꿈 만 유지하는 데 관심이 있다면 다음을 사용하는 것이 좋습니다.

body {
    white-space: pre-line;
}

이렇게하면 연속 된 여러 공백 문자가 하나로 축소되지만 줄 바꿈은 유지됩니다. 단점은 IE 버전 8 이상에서만 지원된다는 것입니다.

---

요소의 white-space스타일을 값으로 설정해보십시오 pre.

body {
    white-space: pre;
}

---

같은 줄 바꿈에서 작동 pre하도록하려면 css를 사용하십시오.white-space: pre

참조 URL : https://stackoverflow.com/questions/4560038/is-it-possible-to-make-any-css-element-behave-like-pre