테이블은 레이아웃에 좋지 않지만 CSS 테이블 셀은 무엇입니까

Question

레이아웃을 위해 테이블을 모두 사용하는 것은 나쁜 것입니다. 그러나 테이블 셀을 사용하는 것은 무엇입니까? 예 : 두 개의 블록 하나가 200px 너비이고 다른 하나는 100 % - 200px입니다. (예, 플로트 해킹과 CSS3 calc에 대해 알고 있습니다.)

Answer 1

못생긴 해킹이지만 문제가 있다고 생각하지 않습니다.

표는 테이블 형식의 데이터를 보유해야하기 때문에 설계에 사용하지 않는 것이 좋습니다. 예를 들어 넣는 것이 의미 상 잘못되었습니다. 메뉴 셀 및 기사를 표 셀에 추가합니다.

Answer 2

테이블 레이아웃을 사용하는 것이 좋지 않은데 ... 그 불필요한 마크 업은 대부분 그 불필요한 마크 업에서 유래합니다. td 및 tr 요소는 의미에 맞는 의미를 제공하지 않습니다.

divumb에 display: table-cell;을 적용하면 문제가 없습니다. 레이아웃을 구성하는 또 다른 방법입니다.

(사실 table-cell은 변수 높이를 사용하여 div를 수직 가운데에 배치하는 몇 가지 방법 중 하나를 제공합니다).

Answer 3

당신이 말하는 것은 테이블과 테이블 셀을 표시하는 것입니다. 레이아웃에 테이블을 사용하는 아이디어는 페이지의 구조에 문제를 일으 킵니다. CSS 속성은 구조에 영향을 미치지 않으므로 시각적 레이아웃에 CSS 속성을 사용하는 데 문제가 없습니다.