text-overflow:ellipsis 글자라내기 질문있습니다.
오류 페이지는 첫번째 사진 보여줘야 할 페이지는 두번째 사진입니다.
첫번째 사진 보시면 .(점) 밑으로 글자가 쏠리는 현상인데요 이걸 고치려고 합니다.
우선 css 파일입니다.
css
===========================================
#td_ellipsis_notice { white-space: nowrap; overflow: hidden; text-overflow:ellipsis; display:block; table-layout:fixed; width:350px; }
===========================================
display:block
이렇게 하면 익스플로어에서는 ellipsis이 구현이 되는데 첫번째 사진처럼 밑으로 쏠리네요 ㅠ,.ㅠ
이거 어떻게 바로 잡는지 ㅠ,ㅠ
다른거 막 넣어봤는데 익스는 잘되지만 익스 10에서는 잘 안먹히네요 ㅠ,ㅠ 머 넣는지 까먹었지만 ㅠ,ㅠ
이건 소스입니다.
================
<td width=310 height=21><img src=/images/dg.gif align=absmiddle><a id="td_ellipsis" href="/bbs/cBbs/fBbsView/params/BBS_CODE/notice/IDX/<?=$o->IDX?>/"><?=$o->TITLE?></a></td>
===================
img src=/images/dg.gif a <-- 이것이 점입니다. <?=$o->TITLE?> <-- 이것이 글 제목이고요
첫번째 사진 보시면 .(점) 밑으로 글자가 쏠리는 현상인데요 이걸 고치려고 합니다.
우선 css 파일입니다.
css
===========================================
#td_ellipsis_notice { white-space: nowrap; overflow: hidden; text-overflow:ellipsis; display:block; table-layout:fixed; width:350px; }
===========================================
display:block
이렇게 하면 익스플로어에서는 ellipsis이 구현이 되는데 첫번째 사진처럼 밑으로 쏠리네요 ㅠ,.ㅠ
이거 어떻게 바로 잡는지 ㅠ,ㅠ
다른거 막 넣어봤는데 익스는 잘되지만 익스 10에서는 잘 안먹히네요 ㅠ,ㅠ 머 넣는지 까먹었지만 ㅠ,ㅠ
이건 소스입니다.
================
<td width=310 height=21><img src=/images/dg.gif align=absmiddle><a id="td_ellipsis" href="/bbs/cBbs/fBbsView/params/BBS_CODE/notice/IDX/<?=$o->IDX?>/"><?=$o->TITLE?></a></td>
===================
img src=/images/dg.gif a <-- 이것이 점입니다. <?=$o->TITLE?> <-- 이것이 글 제목이고요
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 3개