HTML 테이블 줄 바꿈

Question

이것은 아마도 간단 할 수도 있지만 알아낼 수는 없습니다.

사용자가 데이터를 열에 입력하는 표가 있습니다. 사용자가 데이터를 입력 할 때마다 새 열이 만들어집니다. 잠시 후 그들은 열이 많고 포장해야합니다. 열 안의 텍스트를 래핑하는 방법을 알고 있지만 첫 번째 열 아래를 감싸기 위해 전체 열을 필요로합니다.

Answer 1

. "float : left"CSS 스타일로 div를 사용해야합니다. 당신은 아마 이것에 대한 테이블을 사용하지 않으 http://jsfiddle.net/3MEJ5/

Answer 2

실제로는 간단하지 않습니다. 테이블/행/열 구조는 매우 단단합니다. 당신이 묘사 한 것을 성취하기 위해서는 거대한 바깥 셀에 각 셀을 단일 셀 테이블로 만들어야합니다. 그런 다음 그들은 포장 할 것이다. 그러나 그런 다음에는 잘 정렬되지 않을 수 있습니다. 대신 테이블 컬럼을 사용

Answer 3

다음 CSS 사용하여 각 입력 데이터가 <div class="datainput"> 내부에 랩 자체에 테이블 수를 갖는 시도 : 복제, 새 열을 이제

.datainput {display: inline-block; vertical-align: top;} 

을 대신 첨가 컨테이너. 이렇게하면 기존 항목 옆에 배치되고 필요한 경우 줄 바꿈됩니다.

는, 포장이 모든 컨테이너를 포함하는 요소에이 CSS를 적용 못하면 :이 테이블을 사용해서는 안

word-break: break-all;