HTML 텍스트 영역 가로 스크롤

HTML 텍스트 영역 가로 스크롤

---

HTML 페이지의 텍스트 영역에 가로 스크롤을 제공하고 싶습니다. 줄 바꿈없이 긴 줄을 입력하면 스크롤이 줄 바꿈없이 표시되어야합니다. 몇몇 친구가 오버플로 -y CSS 속성 사용을 제안했는데, 이는 저에게 효과적이지 않았습니다. 내가 사용하는 브라우저는 IE 6+와 Mozilla 3+입니다.

---

줄 바꿈을 설정하지 않으려면 다음을 사용합니다.

white-space: nowrap;

기타 값 : https://developer.mozilla.org/en-US/docs/Web/CSS/white-space

참고 : 그러나 감가 상각 wrap="off"이 레거시 브라우저 지원을위한 유일한 방법 인 것 같습니다. HTML 5와 호환되지는 않지만 모든 브라우저를 대상으로하는 경우 여전히 선호합니다.

---

나는 W3c와 호환되지 않는 방식으로 그것을하는 것을 알아 냈고 IE와 Firefox에서 그리고 우연히도 Chrome에서도 작동합니다.

나는 속성 추가 된 wrap값을 off즉, <textarea cols=80 rows=12 wrap='off'>내가 한 일이다.

---

LF를 포함하는 미리 서식이 지정된 텍스트가 white-space: pre;있는 경우 css에 추가 해야합니다. 이미 텍스트에있는 새 줄을 유지하고 긴 줄을 감싸지 않습니다.

이는 모든 버전의 Firefox, 모든 Webkit 기반 브라우저 및 IE6 +에서 작동합니다.

출처 : https://developer.mozilla.org/en-US/docs/Web/CSS/white-space

---

다음을 시도하십시오.

overflow: scroll; 
overflow-y: scroll; 
overflow-x: scroll; 
overflow:-moz-scrollbars-vertical;

-moz-scrollbars-horizontal도 있어야합니다.

참고 URL : https://stackoverflow.com/questions/424192/html-textarea-horizontal-scroll