너비가 설정되어 있고 높이가 자동으로 설정되어 있습니다. 각 행은 div이고, 내부는 각 열에 대해 div입니다. 텍스트가 있어야하는 열 divs 안에 <p> 태그가 있습니다. 관련된 CSS는 매우 기본적인 것입니다. 약간의 패딩 및 너비/높이 설정 ... 및 왼쪽 플로트.간단한 CSS! 내 div에 많은 텍스트가있을 때, 다음 줄로가는 대신 하나의 직선으로 계속됩니다. 너비가 설정되었습니다.
실종 됐나요?
그것은 실제로 당신의 코드에 대한 예상 된 동작입니다. "셀"에 공백없이 하나의 "단어"가 있습니다. 그래서 브라우저는 어디에 포장해야할지 모르고 자동으로 상자를 확장합니다.
+1 달콤한! 나는 그것에 대해 몰랐다. 감사! – rcravens
word-wrap : break-word; 하지만 IE의 이전 버전에서는 작동하지 않습니다. 사이트의 브라우저 간 호환성을 유지하려는 경우이를 염두에 두는 것이 중요합니다. –
CSS overflow 속성을 설정해 보았습니까?
나는 Clearfix 방법으로 생활하고 호흡 당신은 .orderHistoryTable 선택에 word-wrap: break-word CSS 규칙을 추가한다 (또는 orderHistoryTable div.row1 당신은이 세포에이 동작을 원하는 경우). w/div를 사용하여 레이아웃 문제를 해결할 수 있습니다. 그것은 당신이 가지고있는이 이슈를 해결할 수도 있고 아닐 수도 있지만 전반적으로 무거운 레이아웃을 할 때 사용하는 것이 좋습니다. 나는 Perishable Press의 Jeff Starr의 방법을 사용합니다. http://perishablepress.com/press/2009/12/06/new-clearfix-hack/
적어도 CSS 및 관련 HTML 부분도 게시 할 수 있습니까? – JakeParis
왜 div가 필요한가요? 이것은 저에게 도표 데이터처럼 보입니다. 그것이 바로 테이블입니다. – ScottE
div로 요청 받았습니다. 나는 그것을 게시 할 수 있었다. 그러나 그저 그저 트리를 쓴 것과는 전혀 다르지 않다. – jen