이상하게 영어,숫자로 쓰면 옆으로 퍼지네요.
그림에 보시다싶이 한글로 연속으로 쓸때는 밑으로 빠지는데
영어, 숫자로 쓰면 옆으로 번지네요
이러한 현상은 어떻게 처리해야하나요.
한글 처럼 밑으로 빠지고 싶은데
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?> 이것을 출력하는것입니다.
영어, 숫자로 쓰면 옆으로 번지네요
이러한 현상은 어떻게 처리해야하나요.
한글 처럼 밑으로 빠지고 싶은데
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?> 이것을 출력하는것입니다.
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 1개
브라우저는 자동으로 안의 컨텐츠의 크기만큼 늘어나려고 하는데
영어로 입력했을때는 알파벳 나열 즉, 예제와 같은 띄어쓰기 없는 assdfsdfsdf 이러한 영어 조합은
한단어로 인식하여 자동으로 그 만큼 커지는 것입니다.
한글의 경우 ㅇㅇㅇㅇ와 같은 나열일 경우 ㅇ 하나 하나마다 단어로 취급하기때문에 자동으로
띄어써지는것입니다.
위와 같은 상황에서 긴 영단어를 사용하고자 하는 경우
해당 엘리먼트에 word-break:break-all; 을 하여 넓이를 벗어나는 문자에 대해 문자단위로 줄바꿈을 해주는 설정을 해주시거나
(이때도 width: 값은 픽스)
해당 넓이 만큼을 벗어났을시 ··· 과 같은 표시를 하여 영역을 가려주는
{width:몇;overflow:hidden;text-overflow:elipsis;white-space:nowrap;} 를 해주시면 됩니다.