[Tip] 글자 자르기 - 스타일로 처리한다

오늘 PHPSCHOOL에서 배웠다. 나중에 꼭 써먹어야지.

 

 

지우

06-07-27 13:19

허생님이 올려주신 소스대로 잘릴부분이 한글인지 아닌지 구분해서 처리해야 합니다. 그냥 긁어서 쓰시던지.. 아니면 스타일로 처리하셔도 됩니다. 스타일로 처리한 경우의 장점이라면 글자의 갯수로 자르는것이 아니라, 넓이로 자르기때문에 잘린 부분의 길이들이 일관성있게 정렬됩니다. ("i"와 "w"는 같은 한글자지만 넓이는 많이 다르지요..) 단점이라면 IE 외에는 .. 이 안찍히는 정도.. 저는 언제부터인가.. 스타일을 이용해 자르는 쪽으로 전향했습니다.  <div style="width:200; text-overflow:clip; overflow:hidden;"> <nobr>제목이 긴 문자열로 이루어진 글을 테이블의 폭에 알맞게 잘라줍니다.</nobr> </div> <div style="width:200; text-overflow:ellipsis; overflow:hidden;"> <nobr>제목이 긴 문자열로 이루어진 글을 테이블의 폭에 알맞게 잘라줍니다.</nobr> </div> <div style="width:200; text-overflow:ellipsis; overflow:visible;"> <nobr>제목이 긴 문자열로 이루어진 글을 테이블의 폭에 알맞게 잘라줍니다.</nobr> </div> //결과화면 제목이 긴 문자열로 이루어진 글을 테 제목이 긴 문자열로 이루어진 글을.. 제목이 긴 문자열로 이루어진 글을 테이블의 폭에 알맞게 잘라줍니다. // IE에서는 정상작동하고 파이어폭스에서는 ellipsis를 줘도 clip처럼 됩니다.