2013-01-18 1 views
0

내가 두 개의 열이있는 간단한 테이블을 만들어 지금수직 상단 정렬은 HTML에서 나는 HTML 3.1 HTML 테이블을 실현하도록 강요 오전 3.1

를 (아니, :(업그레이드 할 기회가 없다).

첫 번째 열은 한 줄의 텍스트 만 가지고 두 번째 열은 더 많은 텍스트를 갖습니다. 이제 첫 번째 열이 중앙에서 세로로 정렬됩니다 (표준 비헤이비어)

어떻게하면 HTML 3.1? :/

도움을 주셔서 감사합니다.

+0

HTML 3.1은 없으며 절대로 존재하지 않습니다. 문서가 표시되거나 처리되는 특정 상황을 명확히해야합니다. 이렇게하면 어떤 HTML이 실제로 지원 될지 알 수 있습니다. –

답변

1

당신은 하나를 사용하고 valign 또는 CSS 속성 vertical-align

<table> 
<tr> 
<td valign="top">1</td> 
<td>2<br />3<br />4</td> 
</tr> 
</table> 

또는 CSS를

<table> 
    <tr> 
     <td style="vertical-align: top;">1</td> 
    </tr> 
</table> 
0

는 다음과 같은 CSS와 함께이 작업을 수행 할 수 있습니다 :

td, th { 
    vertical-align: top; 
} 

지금 모든 테이블 셀은 텍스트가 수직으로 상단에 정렬해야합니다. 요즘 CSS가 올바른 방법이기 때문에 HTML 버전 ( valign)을 사용하지 마십시오.

HTML5를 사용할 기회가있을 때 추가 개발 정보 : valign은 HTML5에서 지원되지 않습니다. 아마도 작동하지만 마크 업은 유효하지 않습니다.

+0

HTML5 초안 *은 'valign'과 같은 속성을 계속 지원해야합니다 (더 이상 사용하지 않는다고 선언하는 것 외에는). –

1

그것은 정상에 두 열을 정렬하는 것이 가장 안전하다 (다만 만일의 콘텐츠 언젠가 변경 속성 수 그래서 첫 번째 셀 내용이 더 커집니다). tr 요소에서 수직 정렬을 설정하면됩니다. 그런 다음 해당 행의 모든 ​​셀에 영향을줍니다. HTML의 행마다이 작업을 수행해야합니다 (CSS에서는 하나의 규칙 만 사용할 수 있음).

<table> 
    <tr valign=top><td>...<td>... 
    <tr valign=top><td>...<td>... 
    ... 
</table>