레이아웃 (HTML / CSS) 태그 사전 내에 랩 텍스트

너무 오래 전 내가이 아름답게 표시 Geshi를 통해 코드를 입력하는 문제가 있었지만, 추악한 스트레치 페이지입니다. 않음

코드의 예를 들어,이 작품

1
бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла

단 한 줄로 표시됩니다.

이 문제의 해결책은 아주 간단했다. 사실 그 태그 pre 기본적으로 강제 줄바꿈을 허용하지 않습니다. 그리고 우리가 필요한 모든 전송을 강제로 어떻게 브라우저를 알려주 코드 CSS 조각을 삽입하는 것입니다.

1
2
3
4
5
6
7
8
9
pre {
overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
/* width: 99%; */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}

멋진 아약스 설문 조사

통계

광고