CSS "table-layout : fixed"및 내부 내용을 기준으로 자동 너비가있는 셀

Question

table-layout:fixed에 문제가 있으며 내용이 열보다 넓 으면 내부 열의 너비가 있습니다. 여기 내 샘플에서

봐 : 나는 측에 내부 내용과 액체 기둥에 의해 자동 폭 열을 중심으로 필요이 마크 업의 http://jsfiddle.net/H5FLm/

주요 아이디어.

수정 제안이나 다른 마크 업 사용을위한 제안 사항이 있습니다.

감사합니다.

• http://matthewjamestaylor.com/blog/perfect-3-column.htm

현재 레이아웃이 작동하지 않는 유일한 이유 때문에를 사용하는 당신의 선택이다 : 그것은처럼

Answer 1

체크 아웃이 레이아웃은, 당신이 찾고있는 무슨 소리 문자열 looooooooooooooong을 샘플 텍스트로 사용하십시오. HTML은 문자를 줄 바꿈하지 않습니다. 기술적으로 overflow: hidden;과 BOOM ... 문제가 해결되었습니다.

loo oooooo oooooo ong을 사용해 봤는데 문제가 없습니다.

Answer 2

오버플로 대신 워드 랩을 사용하는 것을 선호합니다. 내 버전 확인 here

콘텐츠 클래스에 word-wrap: break-word;이 추가되었습니다.