셀의 데이터 줄 바꾸기

셀에 단어를 래핑하려고합니다. <td> 전용 폭 예를 들어 50 픽셀, 지금은 그 다음 줄의 예에서 얻을 도다 있도록 해당 셀 내부의 데이터를 포장 할 :셀의 데이터 줄 바꾸기

Column 1 
Some data 
wrapped

필수 :

Column 2 
Some da..

내가 알고 싶은 자바 스크립트 나 CSS가 가능하다면?

2012-03-27 Namit

(HTTP [당신이 시도 무엇?] : // mattgemmell. co.kr/2008/12/08/what-have-you-tried /) – j08691

http://www.codinghorror.com/blog/2012/03/rubber-duck-problem-solving.html – vol7ron

이는 CSS에 text-overflow 속성에 의해 수행 할 수 있습니다.

CSS :

.wrappeddata { 
    width:   50px; 
    white-space: nowrap; 
    overflow:  hidden; 
    text-overflow: ellipsis; 
}

가 width: 50px은 폭을 정의합니다.

white-space: nowrap;은 포장을 방지합니다.

overflow: hidden;은 50px 한도를 지나서 표시되지 않도록합니다. text-overflow: ellipsis;

로 대체 될 차단하게 '...'

단순히 그것을 사용하려면 :

<table> 
    <tr> 
     <td class='wrappeddata'>A block of text that is too long</td> 
    </tr> 
</table>

2012-03-27 19:42:14 Death

사용 CSS 당신은 여기 td

td{width:50px;white-space:nowrap;}

두 테이블과 example입니다 스타일을 할 수 있습니다.

2012-03-27 19:37:05

어쩌면 [text-overflow 줄임표] (http://www.quirksmode.org/css/textoverflow.html). –

텍스트를 프로그래밍 방식으로 자르거나 컨테이너의 정확한 너비로 자르려고하십니까? 텍스트를 자르려면 포함하는 요소에 overflow : hidden을 사용하고 텍스트 주위의 태그에 white-space : nowrap를 사용할 수 있습니다.

2012-03-27 19:38:05

텍스트 오버 플로우 : 줄임표 (on) 및 오버플로 속성 (모든 브라우저에서 사용 가능)을 사용해 봅니다. css와 js에서이 작업을 순전히 수행하기가 어려울 수도 있습니다.

'도트'를 인쇄하면 클라이언트 또는 서버 측에서 인쇄 할 수 있습니다. 그러나 텍스트가 50px보다 넓어 지는지 확인하기 위해 뭔가를 구현해야합니다. 이 조건이 충족되면 텍스트를 짧게하고 점을 추가해야합니다. 다른 스타일의 규칙을 함께 사용하면

감사

2012-03-27 19:38:21 grifos

<table> 
<tr><td width="40" style="word-break:break-all"> YOur.........Longgggggggggggggggggg Text 
</td></tr></table>

2012-03-27 19:52:05

답변