개발 Q&A

제목 글자 자르기가 안됩니다 ㅠ,ㅠ
글쓴이 amkor 작성시각 2013/09/24 13:59:20
댓글 : 5 추천 : 0 스크랩 : 0 조회수 : 19223   RSS
 css파일 


=========================================== 
.td_c { padding:7px 10px 6px 15px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;} 
============================================ 


list 파일 

========================================= 
<td class=td_c> 
<? if ($o->VIEW_YN=="N") { ?><!-- 비공개 --> 
[비공개] 
<? if ($o->REG_ID == "") { ?> <!-- 비회원등록글 --> 
<a href="/apply/cQuestion/fOneToOnePassword/params/page/<?=$page?>/BBS_CODE/<?=$BBS_CODE?>/searchkey/<?=$searchkey?>/searchvalue/<?=$searchvalue?>/viewmode/<?=$viewmode?>/IDX/<?=$o->IDX?>/MODE/VIEW/"><?=$o->TITLE?></a> 
<? } else if ($o->REG_ID != "" && $o->REG_ID == $this->session->userdata("sesMemID")) { ?> <!-- 회원 등록글이면서 작성자가 로그인한 회원 --> 
<a href="/apply/cQuestion/fOneToOneView/params/page/<?=$page?>/BBS_CODE/<?=$BBS_CODE?>/searchkey/<?=$searchkey?>/searchvalue/<?=$searchvalue?>/viewmode/<?=$viewmode?>/IDX/<?=$o->IDX?>/"><?=$o->TITLE?></a> 
<? } else if ($o->REG_ID != "" && $o->REG_ID != $this->session->userdata("sesMemID")) { ?> <!-- 회원 등록글이면서 작성자와 로그인한 회원이 틀린경우 --> 
<a href="[removed]alert('작성 회원만 확인이 가능합니다.');"><?=$o->TITLE?></a> 
<? } ?> 
<? } else { ?> 
<a href="/apply/cQuestion/fOneToOneView/params/page/<?=$page?>/BBS_CODE/<?=$BBS_CODE?>/searchkey/<?=$searchkey?>/searchvalue/<?=$searchvalue?>/viewmode/<?=$viewmode?>/IDX/<?=$o->IDX?>/"><?=$o->TITLE?></a> 
<? } ?>
<? if(date('Y-m-d',mktime())==substr($o->REG_DATE,0,10)) {?>  <img src="/images/new.gif" width="27" height="14" align="absmiddle"><? }?> 
</td> 

======================================== 

<?=$o->TITLE?> 이것만 출력하면 되는데 왜 안되는거죠? 

ㅠ.ㅠ 

display:block; 이나 display: inline-block; 

이런거 다 넣어봐도 안되네요 ㅠ,ㅠ
 다음글 보통, 서버에 올라가는 이미지 처리 어떻게 하세요? (6)
 이전글 받아오는 값을 길이를 줄이고 싶은데요. (6)

댓글

변종원(웅파) / 2013/09/24 15:23:12 / 추천 0
무작정 안된다고 하지 마시고 공부를 하시는게 좋을 것 같습니다.

css 선언한 것이 html에 어떻게 적용되는지 공부하세요.

http://www.homejjang.com/07/class_id.php
amkor / 2013/09/24 17:38:12 / 추천 0
 제가 봐도 css 선언하는것은 문제가 없는거 같아요. 틀릴수도 있지만

display:-moz-stack; 값 주니깐 

파이어복스는 되는데 익스플로어에서만 안되네요..


하늘치 / 2013/09/24 17:41:25 / 추천 0
댓글 내용을 수정합니다.  참고용으로 봐주세요.
 
말줄임을 목적으로 css (text-overflow:ellipsis; overflow:hidden;) 를 이용할 땐, 보통 div 나 span 에서 사용했었던 기억이 납니다. 
 
1. 저는 보통 div 나 span 에서 사용했던 방법입니다.
<div style='text-overflow:ellipsis; overflow:hidden; width:200px;'>말줄임할 내용</div>
 
2. table 에서 사용할 때는 table-layout:fixed 를 사용해줘야 하더군요.. 
 
3. 만약 말줄임이 안될 때는 <nobr></nobr> 태그를 안에 추가해주면 될 듯 합니다..
amkor / 2013/09/24 17:56:04 / 추천 0
 아 감사합니다. ㅠㅠ 익스플러어 개발자 모드 보는게 힘들어서 ㅠㅠ 이런 귀차니즘이 큰 실수를 낳았군요 ㅠ,ㅠ 감사합니다 ㅠ.ㅠ
amkor / 2013/09/24 17:56:53 / 추천 0
 아 저는 a태그에다가 id값 줘서 했습니다 감사합니다.