2013-03-11 3 views
-2

저는 블록 요소의 수직 상단에있는 텍스트 노드에 대한 해결책을 찾고 있습니다. 저는 rowspan과 함께 td를 사용하고 있습니다. 그러면 td 내부의 텍스트가 수직 중심에 배치됩니다.블록 요소 (테이블)에 CSS 위치 지정 텍스트 노드

는 내가 두 번째 행의

<td>nbsp;</td> 

를 사용하지 않는 몇 가지 이유를 들어

<table> 
    <tr> 
    <td rowspan="2">to but in vertical top</td> 
    <td>s0me</td> 
    </tr> 
    <tr> 
    <td>t3xt</td> 
    </tr> 
</table> 

의 모습 이잖아.

// 편집 : 구글에서

-.- 1 개 분은 저에게이 준 : 완벽하게 작동

<td rowspan="2" style="vertical-align:text-top;">text</td> 

. 불필요한 게시물을 찾으려고합니다.

+0

그것은이다 정확히 무엇을 요구하는지 분명히하지 마십시오. 아마도 더 많은 것을 설명하거나 JSFiddle을 만들 수 있을까요? – Barney

+0

당신은 td''''의 속성으로 align = "top"을 넣을 수 있습니다. 만약 당신이 그것을하고 싶지 않다면 CSS [vertical-align] (http://www.w3schools.com/cssref/pr_pos_vertical-align.asp) 속성 –

+0

을 사용할 수 있습니다. 정말로 이것을 삭제하고 싶다면, 너를 멈추게하는 건 아무것도 없어. – Deduplicator

답변

0

표 셀에 vertical-align 속성을 사용할 수 있습니다. 여기

참조 예 :

vertical-align: top; 

처럼 : 정의 http://jsfiddle.net/TgLUK/ 그것은 CSS 선택기를 사용하여 테이블을 선택 (또는 스타일 태그를 적용)로 간단

td.topped 
{ 
    vertical-align: top; 
}