2013-02-16 5 views
3

두 개의 열이있는 테이블이 있습니다 (단 하나의 행만 있습니다).테이블 세퍼레이터 위치 설정

하지만 오른쪽 열이 실제로 왼쪽 열에 가까이 있기를 원합니다. 시도 할 때마다 오른쪽 열이 오른쪽으로 정렬됩니다.

구분 기호의 위치를 ​​설정하거나 적어도 왼쪽 열의 텍스트 끝 부분에서 오른쪽 열의 시작 위치를 설정하는 방법이 있습니까? 내 실제 코드의

예 : 질문을보고 -at 이내로 할에 관심을

<table style="width:400px;"> 
    <tr> 
     <td> 
      First 
     </td> 

     <td> 
      100 
     </td> 
    </tr> 
</table> 

감사합니다. 제안 사항?

+0

이 (http://cssdesk.com/9QUAT) 귀하의 코드가 바로 옆에 서로를 "먼저"와 "100"가 줘야] non-collapsed Borders (https://developer.mozilla.org/en-US/docs/CSS/border-collapse)를 금지합니다. 어쩌면 당신의 예제가 아직 완전하지 않은 것일까? 너는 테이블에 특정 폭을 가지고 있나? – Jeroen

+0

@Jeroen 네, 그것은 단지 빠른 스케치였습니다. 고정 크기였습니다. 그러나 질문은 성공적으로 답변되었습니다. 사실, 누군가 다른 사람이 와서 곧바로 내가 바보라고 생각할 수 있다면 당신의 의견을 보내 주셔서 감사합니다. 편집 된 포스트, 그것은 여전히 ​​빠른 스케치입니다. – SGH

답변

3

당신은

table{ border-collapse: collapse; } 

DEMO을 시도 할 수 있습니다.

+0

완벽한! 그러나 나의 명성으로 나는 위 표결을 할 수 없다. – SGH

+0

@SGH, 이해할 수 있고 환영합니다 :-) –

+0

그냥 할 수있어! 고마워, 또! – SGH

3

정확히 무엇을 달성하고 싶은가에 따라 border-collapse CSS property을 살펴볼 수 있습니다. 당신의 예에서, 그것은으로 설정해야합니다

border-collapse: collapse; 

Example