2012-03-19 3 views
0

랩핑 할 수없는 긴 파일 이름으로 인해 제대로 표시되지 않는 테이블이 오버플로되어 있습니다. 테이블에있는 파일 이름을 래핑하는 방법이 있습니까? 긴 파일 이름을 줄 바꿈 할 수 있습니까?

<table> 
    <tr><td>stackoverflow.com/questions/4584756/how-can-i-make-the-datagridviewtextboxcolumn-wrap-to-a-new-line-if-its-text-is-t</td></tr> 
</table> 

은 내가 TD 요소와 여전히 도움의 폭과 오버 플로우 스타일을 설정합니다. 다른 아이디어?

+0

정확히 어떤 요소와 값이 있습니까? 줄임표는 받아 들일 수 있습니까? –

+0

테이블을 사용해 보았지만 정상적으로 작동합니다. – PraveenVenu

+0

어떤 브라우저로 테스트 했습니까? 내 모든 것이이 예제를 완벽하게 마무리합니다. Amaya와 일부 노인을 제외하고. –

답변

0

이 선택기 속성 및 값을 사용해 보셨습니까?

element 
{ 
    white-space: inherit; 
} 
0
<table><tr><td style="overflow-x: auto">your file name</td></tr></table> 

이 자동으로

+0

나는 폭을 조정하려고했지만 행운이 없었다. URL의 길이는 여전히 너비가 늘어납니다. – MrM

+0

오버플로 스타일을 시도했지만 여전히 실패했습니다. 어쩌면 나는 뭔가를 놓치고있다. – MrM

0

일반적으로, 브라우저는 공간에 텍스트 문자열을 감싸 다음 줄에 싸서 것입니다. 따라서 포장하기 위해 공백을 삽입해야합니다. 원칙적으로 길이가 일정 값 이상인지 여부를 확인할 수 있습니다. 그렇다면 지정된 점에 공백을 넣거나 모든 슬래시 뒤에 공백을 추가하십시오. 그러나 필드를 업데이트 할 수있는 경우 입력시 이러한 공백을 제거해야합니다. 사용자가이 필드를 잘라내어 붙여 넣는다면 신비한 추가 공간을 확보하게됩니다.

+0

그러나 OP의 예는 완벽하게 대시로 둘러 쌉니다. 어떤 브라우저를 테스트 했습니까? –

+0

이것이 내가 직면 한 문제라고 생각합니다. 내 열은 설정 너비에 관계없이 가장 긴 단어를 기준으로 조정됩니다. 나는 URL을 변경하고 게시를 편집하는 것을 두려워했습니다. – MrM

2

당신이 CSS를 word-wrap:break-word이 시도 할 수

이런 경우 체크 word wrap in css/js

+0

나쁘지 않습니다. 하지만 긴 파일 이름을 쓸 수 있습니까? – Triptych

+0

지금 css3을 사용 중이며 단어 감싸기는 옵션이 아닙니다 :( – MrM

0

, 일부 브라우저가 중단되지 않습니다 (너무 폭을 설정합니다. 이것은 CSS3 그래서 이전 버전의 브라우저에서 작동하지 않을 수 있습니다 임) 문자열은 기본적으로 하이픈 뒤에 "-", 일부는 슬래시 "/"다음에 나올 수 있습니다. 표 셀에 긴 파일 이름이 정말로 필요한 경우 원하는 것을 결정해야합니다. 악의를 최소화 할 수 있습니다. 결정 후

그들, 또는 (이하 널리 일) 자신의 캐릭터 레벨이나 CSS 대응을 할 수 있도록 줄 바꿈을 방지하기 nobr 마크 업 및 wbr 마크 업을 사용합니다. 관련된 많은 불쾌한 세부 사항이 있습니다. 내 페이지 preventing and allowing line breaks을 참조하십시오.

"-"다음에 나오는 것은 문제가됩니다. 독자가 하이픈이 단어 하이픈으로 삽입되었거나 파일 이름 자체에 포함되어 있는지 여부를 알 수 없기 때문입니다. 그럼 다시,이 문제가 중요합니까? 독자가 긴 파일명으로 무엇을해야 하는가? 이 경우 "파일 이름"은 실제로 "http : //"부분이없는 URL처럼 보입니다. 그런 경우에는 설명이 포함 된 링크 텍스트 (자유롭게 감쌀 수 있음)를 사용하고 URL이 속한 곳에 두는 것이 낫습니다 , href 속성