HTML 테이블 (td) 오버플로

HTML 테이블에 일부 데이터 출력이 있습니다. 일부 행에는 확장 가능한 데이터 필드가 있으며이 데이터는 정상입니다. 일부 행은 표준이며 문제가 없습니다. widhts는 CSS를 통해 올바르게 제어되는 것 같습니다. 이 가 그러나 내부 일반 텍스트 OK 작동 I 화면의 측면 밀려 데이터를 방지하기 위해 테이블 열의 크기 숨겨로 설정 오버플 제한 HTML 테이블 (td) 오버플로

문제점
a 내부의 데이터가 줄 바꿈 전에 매우 긴 문자열로 XML (대체 문자를 사용하여 HTML 용으로 포맷 됨) 인 경우이 데이터는 화면 측면을 푸시합니다.

이

http://jsfiddle.net/bj0jav2y/

내가 과 유사한 또 다른 라인에 포장 텍스트를 강제로 XML에 무엇을 추가 할 수있는 일이 무엇인지에 대한 예는 다음 JSfiddle를 참조 ")를 확장하기 위해이 작품을 클릭 Lorem " 라인.

아래 코드를 포함하여 게시 할 수 있습니다. 그 모든 JSFiddle

.outer td:nth-child(4) { 
    width: 65%; 
    overflow: hidden; 
}

감사

출처

2015-02-06 KF-SoftwareDev

귀하의 XML 그것에   문자의 무리가이를 무시합니다.  은 "non-breaking space"의 약자로, 사용자가 요구하는 것과 반대가되도록 특별히 설계되었습니다. 즉, 라인에 비해 길어도 이 아니라이 아닐 것입니다.  의 모든 인스턴스를 보통의 오래된 공백 ''으로 바꾸면 XML이 lorum ipsum 텍스트와 같이 줄 바꿈됩니다.

출처

2015-02-06 16:46:02 MatthewG

이것은 완벽하며 가운데 단어를 자르지 않고 다음 줄로 이동합니다. 감사합니다 –

그것을 할 브라우저를주기 :

.outer td { 
    word-break: break-all; 
}

출처

2015-02-06 16:47:35 bobdye

전체 사용을 피하십시오. 독자에게는별로 좋지 않습니다. 이것을 고려하십시오 : http://stackoverflow.com/questions/1795109/what-is-the-difference-between-word-break-break-all-versus-word-wrap-break – JosephMCasey

잘 작동하지만 단어는 다음과 같습니다. 중간에 파산, 그러나 나는 내 질문에 대한 답변을 사용하고 있기 때문에 & nbsp. 감사합니다 –

이 시도 :

.content span {word-wrap:break-word;}

는 기술적으로 당신의 XML은 unbreaking 행으로 처리되고있다.

출처

2015-02-06 16:49:21 JosephMCasey

나는 당신이 말로 감싸는 것을 의미한다고 생각합니다. – bobdye

HTML 테이블 (td) 오버플로

답변

관련 문제