이상하게 영어,숫자로 쓰면 옆으로 퍼지네요. 정보
이상하게 영어,숫자로 쓰면 옆으로 퍼지네요.본문
영어, 숫자로 쓰면 옆으로 번지네요
이러한 현상은 어떻게 처리해야하나요.
한글 처럼 밑으로 빠지고 싶은데
css파일
========================================
.td_c { padding:7px 10px 6px 15px;}
========================================
list 파일
=======================================
<tr>
<td class=td_l><?=$o->NUM?></td>
<td class=td_line></td>
<td class=td_c><a id="td_ellipsis_notice" href="/bbs/cBbs/fBbsView/params/page/<?=$page?>/BBS_CODE/<?=$BBS_CODE?>/searchkey/<?=$searchkey?>/searchvalue/<?=$searchvalue?>/IDX/<?=$o->IDX?>/"><?=$o->TITLE?></a></td>
<td class=td_line></td>
<td class=td_l><?=$o->REG_DATE?></td>
</tr>
==========================================================
<?=$o->TITLE?> 이것을 출력하는것입니다.
댓글 전체
예제와 같은 상황에서, 감싸고 있는 영역이 가로값이 없기때문에,
브라우저는 자동으로 안의 컨텐츠의 크기만큼 늘어나려고 하는데
영어로 입력했을때는 알파벳 나열 즉, 예제와 같은 띄어쓰기 없는 assdfsdfsdf 이러한 영어 조합은
한단어로 인식하여 자동으로 그 만큼 커지는 것입니다.
한글의 경우 ㅇㅇㅇㅇ와 같은 나열일 경우 ㅇ 하나 하나마다 단어로 취급하기때문에 자동으로
띄어써지는것입니다.
위와 같은 상황에서 긴 영단어를 사용하고자 하는 경우
해당 엘리먼트에 word-break:break-all; 을 하여 넓이를 벗어나는 문자에 대해 문자단위로 줄바꿈을 해주는 설정을 해주시거나
(이때도 width: 값은 픽스)
해당 넓이 만큼을 벗어났을시 ··· 과 같은 표시를 하여 영역을 가려주는
{width:몇;overflow:hidden;text-overflow:elipsis;white-space:nowrap;} 를 해주시면 됩니다.
브라우저는 자동으로 안의 컨텐츠의 크기만큼 늘어나려고 하는데
영어로 입력했을때는 알파벳 나열 즉, 예제와 같은 띄어쓰기 없는 assdfsdfsdf 이러한 영어 조합은
한단어로 인식하여 자동으로 그 만큼 커지는 것입니다.
한글의 경우 ㅇㅇㅇㅇ와 같은 나열일 경우 ㅇ 하나 하나마다 단어로 취급하기때문에 자동으로
띄어써지는것입니다.
위와 같은 상황에서 긴 영단어를 사용하고자 하는 경우
해당 엘리먼트에 word-break:break-all; 을 하여 넓이를 벗어나는 문자에 대해 문자단위로 줄바꿈을 해주는 설정을 해주시거나
(이때도 width: 값은 픽스)
해당 넓이 만큼을 벗어났을시 ··· 과 같은 표시를 하여 영역을 가려주는
{width:몇;overflow:hidden;text-overflow:elipsis;white-space:nowrap;} 를 해주시면 됩니다.
