2011-05-07 2 views
3

기본 HTML 테이블을 만들 때 모든 것이 테이블의 중앙에있는 것처럼 보입니다. 나는 이것을 원하지 않는다. 어떻게 이런 일이 일어나지 않게 할 수 있을까?HTML 테이블 질문

콘텐츠 용 사이드 바용 열에 2 열 html 표 1을 사용하고 싶습니다. 왜냐하면 나는 열의 중간에 사이드 바 텍스트 (작은 것이다)를 너무 많이 가지고 있기 때문이다.

열의 왼쪽 상단을 유지하기 위해 텍스트를 어떻게 정렬합니까?

+1

이 당신을 관심해야합니다 http://stackoverflow.com/questions/83073/why-not-use-tables-for-layout-in-html –

답변

1

상단에 텍스트를 정렬 스타일을 지정하려고 :

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

또는 단지

<td align="left"></td> 

2 열 테이블에서는 정상적으로 작동하지만 Piccolomomo는 많은 것을 사용하려는 경우 더 좋은 계획을 가지고 있습니다. 당신이 그것을 필요로하는 경우에이 더 도움이 될 수 있습니다 http://www.w3schools.com/html/html_tables.asp

+0

고마워이 작품 :) 많은 감사! –

0

당신은 당신의 표 안에 텍스트 정렬을 변경하는 CSS를 사용할 수 있습니다 : 당신이 css.Without CSS의 또는 당신 align.So을 할 수없는 스타일 시트를 사용할 필요가 테이블에 텍스트를 정렬 들어

td { 
    text-align: left; 
    vertical-align: top; 
} 
0

인라인 CSS 또는 외부 CSS를 사용할 수 있습니다. 당신은 사용하여 마크 업에 직접 열 정렬을 제어 할 수 있습니다

<td style="vertical-align: top">(Sidebar HTML code here)</td>

1

: 왼손 사이드를 포함하는 <td> 요소에서

<style type="text/css"> 
table td{ 
text-align:left; 
vertical-align:top; 
} 
</style> 
0
<table> 
    <tr valign="top"> 
     <td align="left"> 
      Side Bar 
     </td> 
     <td> 
      Content 
     </td> 
    </tr> 
</table>