overflow 관련 질문드립니다.
본문
게시판 목록
style 입니다.
#bo_list .td_bgo {width:100px;text-align:left;overflow:hidden;}
리스트페이지
입니다.
<td class="td_bgo"><?php echo $list[$i]['wr_21'] ?></td>
td 100px 에서 줄바꿈을 해버리는데. .
줄바꿈 않되고 나머지 글자는 그냥 잘리게 하거나 ... 으로
인터넷 뒤져가면서 이래저래 해봤는데...
잘 않되네요 ㅠㅠ
답변 3
아래와 같이 해주세요.
<td class="td_bgo"><?php echo $list[$i]['wr_21'] ?></td>
을
<td class="td_bgo"><nobr style='display:block; overflow:hidden; width:100px;'><?php echo $list[$i]['wr_21'] ?></nobr></td>
로
수정해주세요.
텍스트를 다른 태그에 감싸고 아래 스타일을 적용하면 됩니다.
text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 원하는 길이;
text-overflow: ellipsis; 숨겨지는 글자를 ...으로 표시해주고
overflow: hidden; 내용이 영역보다 크다면 잘라주고
white-space: nowrap; 줄바꿈되지 않게 해줍니다.
답변을 작성하시기 전에 로그인 해주세요.
