행렬은 HTML의 구조와 비슷합니다

-1

div가있는 테이블 행 스파이 동작을 모방 할 수 있습니까 (테이블이 아님)? 이 같은행렬은 HTML의 구조와 비슷합니다

뭔가 :

+---+----+ 
| | B | 
| A +----+ 
| | C | 
+---+----+

감사합니다, 다니엘

출처

2011-09-20 Daniel Taiber

가능한 [div 태그의 행간 열 및 행 스파 스] (http://stackoverflow.com/questions/7255445/colspan-and-rowspan-in-div- 태그) – Quentin

왜 하시겠습니까? '

'처럼 보이면 '

'으로 만드십시오. "omg 테이블의 신화가 나쁘다"는 것은 사람들이 ** 레이아웃 *** 테이블을 사용하는 것이 나쁘다는 것을 깨달은 순간부터입니다. 그들이 ***을 위해 지어 졌던 상황을 피할 수는 없다. – Matt

마치 테이블 인 것 같습니다. 총 3 개의 세포가 있습니다! 세 개의 셀에서 어떤 종류의 표 형식 데이터를 표현할 수 있습니까? – Quentin

답변

사용하여 CSS 규칙 표시 : 인라인 블록이 너무

.cell{ 
    zoom:1; 
    vertical-align:top; 
    display:-moz-inline-box; 
    -moz-box-orient: vertical; 
    display:inline-block; 
    *display:inline; 
}

다음 당신은 당신이 원하는 것을 할 수 있어야 폭과 높이를 지정하는 당신에게 도움이 될 수 있습니다. 이것은 최선의 방법이나 최악의 해결책이 아닙니다

출처

2011-09-20 14:16:51 malko

그것은 당신의 사업부 구조에 따라 달라집니다. 예를 들어 다음과 같이 할 수 있습니다. http://jsfiddle.net/avall/5ky5b/

float div와 스마트 배경을 사용하면이 효과를 얻을 수 있습니다.

출처

2011-09-20 14:10:22 avall

행렬은 HTML의 구조와 비슷합니다

답변

관련 문제