고정 너비가있는 html의 태그

StackOverflow https://stackoverflow.com/questions/1634203

  •  06-07-2019
  •  | 
  •  

문제

나는 사용하고있다 <pre> 사전 형식화 된 텍스트 (라인 브레이크, 공백 및 탭 포함)를 표시하는 태그는 한 줄에 선을 차단하지 않는 큰 선이 표시되고 스크롤 막대가 추가됩니다.

나는 너비를 제한하고 싶다 <pre> 태그 (큰 라인이 새 라인으로 나오고 스크롤이 필요하지 않습니다. 이것이 가능합니까 아니면 내가 사용할 수있는 다른 태그가 있습니까?

코드는 다음과 같습니다.

$.post("contr.php", q1, function(data) {
    $("#el_text").html("< pre>"+data+"< /pre>");
});
도움이 되었습니까?

해결책

거의 모든 브라우저에서이를 지원하는 철저한 방법 :

pre {
    white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
    white-space: -pre-wrap; /* Opera */
    white-space: -o-pre-wrap; /* Opera */
    white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
    word-wrap: break-word; /* IE 5.5+ */
}

얼마 전까지도 같은 문제가 있었고 여기서 해결책을 찾았습니다.http://codingforums.com/showthread.php?t=43293

다른 팁

pre{
    white-space:pre-wrap;
}

.. Firefox와 Chrome에서 원하는 것을 드러냅니다. 선을 감싸지 만 공백을 보존합니다. 그러나 불행히도 IE는 그것을 지원하지 않는 것 같습니다 (아직 IE8을 보지는 않았지만).

편집 : IE8 그것을 지원합니다.

Karim이 말한 것을 수행 한 후에도 공간이 블록의 오른쪽에 할당된다면 아마도 당신은 내부에 둘러싸여있을 것입니다.

테이블 태그는 컨텐츠가 포장 된 경우에도 전체 사전 문자열에 대한 공간을 할당합니다.

이 경우 div 또는 단락과 같은 다른 태그로 바꾸십시오.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top