2012-01-16 3 views
1

http://jsfiddle.net/karthik64/JHVDn/1/을 확인하십시오.<td> 태그의 정렬

그럼 난 당신이 내 결과에서 at.See을 stucked하고 어디있어 믿고, 나는 주어진 폭에 맞게 할 수없는하지만 일이 뭐죠 Sean 경우 Sean Kingstonnnnnnnnn는 아래 배치 할 것을 원하는 위로와 kingstonnnnnn에서 인쇄하는 다음 행,이 일은해서는 안됩니다 나는 좋은 방식으로 정렬되도록하고 싶습니다. 글쎄, 심지어 text-align:justify을 사용해 보았지만 도움이되지 못했습니다.

제발 친절하게 말해서 어떻게해야합니까? 테이블이 사용되기를 원하지만 다른 솔루션이 있다면 크게 내 기술을 강화하는 데 도움이 될 것입니다. 감사합니다

답변

2

공백 넣으십시오. 공백 : nowrap;을 CSS에 삽입하십시오.

+0

그런데 동일한 ID를 가진 요소가 두 개 이상 없어야합니다. 대신 클래스 사용으로 전환해야하므로 ** id = "span_data"** ** class = "span_data"**가됩니다. – philwilks

+0

내 피들 여기 있어요 : http://jsfiddle.net/JHVDn/5/ ** display : inline-block; **을 사용하는 것은 모든 브라우저에서 작동하지 않습니다. ** display : inline-block; flood : left; ** @Brombomb에 의해 지적 된 바와 같이 – philwilks

+0

글쎄, 화이트에게 아주 감명받은 Im을 말해라. nowrap하지만 모든 버전의 브라우저에서 작동 할 것인가?! – niko

1

내 포크, http://jsfiddle.net/fq347/

  • 동일한 id 여러 요소를 할당 할 수 없습니다. 대신 class을 사용하십시오.
  • display:inline-block을 사용하여 포장을 수행하십시오.
1

display: inline-block은 간단하지만 이전 IE 브라우저에서는 작동하지 않습니다. 간단한 float: left을 사용하면 모든 브라우저에서 모든 내용을 멋지게 감쌀 수 있습니다 (단, span 요소의 목적은 실제로 무시됩니다).