왜 <td></td><td>하지</td>과 동일 <TD 열 병합 = "2"></td>

Question

나는 하나의 TD과 열 병합 속성을 가진 여러 TDS 파일을 대체하고있다.

그러나 완전히 다른 방식으로 렌더링됩니다. <td></td><td></td>이 <td colspan="2"></td>

내 문제에 다른 이유

내가 볼 수없는 처음 2 개의 TDS 폭의 합이 colspanned TD의 폭과 동일되지 않는 것입니다. 그래서 내 세포는 정렬되지 않아.

IE, FF 및 Safari에서 발생합니다.

자주 묻는 질문 : colspan 열의 너비가 대체되는 다른 TD의 너비 합계와 같은지 확인하는 데 적용 할 수있는 스타일 등이 있습니까?

왜 내가이 작업을 수행하고 있습니까? DevExpress XtraReports가 생성 한 HTML의 양을 줄이려고 노력하고 있는데, 수천 개의 작은 TD를 사용하여 요소를 배치합니다. 여러 번 HTML을 압축하므로 브라우저로 보내지기 전에 HTML을 캡처하고 기본적인 검색/바꾸기를 수행합니다. 그것은 해킹이다, 나는 알고있다.

Answer 1

첫 번째 예제는 두 세트의 여백, 패딩, CSS 규칙 등을 갖습니다. 두 번째 규칙에는 한 세트의 규칙 만 적용되지만 두 열에 맞는 요소에 적용됩니다.

Answer 2

열 간격 때문에 여러 tds가 다르게 렌더링되는 것을 볼 수 있습니다. 이를 확인하는 한 가지 방법은 테이블 (예 :)에 경계선을 강제로 넣는 것입니다. 이것은 어떤 방향으로 인도해야합니다.

Answer 3

너비를 스타일로 설정해야합니다. 그게 유일한 방법입니다. 그러나 너비가 지정된 DIV를 사용할 수도 있습니다. 더 많은 제어.

표는 데이터를 의미합니다. 나는 테이블 괴물 이었어. 레이아웃을 위해 CSS를 사용하고 나면 너비가 변경되지 않으면 테이블을 거의 사용하지 않습니다. 이는 테이블에 대한 멋진 점입니다. 데이터를 기반으로 멋지게 작성합니다.

위/아래보다 더 넓거나 좁은 디스플레이는 본 적이 없습니다. 코드에 오류가없는 한. 게시하면 우리가 할 수있는 일을 볼 수 있습니다. 이 모든 것을 통해 정확히 달성하려는 것은 무엇입니까?

Answer 4

코드를 게시하십시오. 그렇지 않으면 아무것도 될 수 있습니다. 그러나 아래의 아주 쉬운 재료는 작동합니다.

이렇게하면 두 개의 행이있는 테이블이 만들어집니다. 첫 번째 행에는 3 개의 열이 있습니다. 두 번째 행에는 2 개의 열이 있고 첫 번째 열은 두 개의 열을 차지합니다.

<table border="1"> 
<tr> 
<td>Something</td> 
<td>Something</td> 
<td>Something</td> 
</tr> 
<tr> 
<td colspan=2>Something2</td> 
<td>Something</td> 
</tr> 
</table>