게시판 제목 자동 줄바꿈 안하는 방법? 정보
게시판 제목 자동 줄바꿈 안하는 방법?
본문
제목 그대로 제목 자동 줄바꿈 안하는 방법입니다.
div 가로 길이가 있어서 그 가로를 넘어가면 '...' 으로 표기하거나 자동줄바꿈을 하는 방법이 있는데요
이런 방법 말고 그냥 그대로 한줄에 나오는데 까지 출력하는 방법이 궁금합니다.
웹서핑 결과
1. nowrap 를 추가하는 방법
2. white-space:nowrap 를 추가하는 방법
3. 아...
한가지가 더 있었는데.. 다 안되더라구요
2번 같은경우는 반응을 보였으나, 가로 비율이 변하게 되면 그 변한값을 다시 가지게 되어
사용을 못하는 케이스 입니다.
아참 중요한건 모바일 홈페이지라 그렇습니다.
가로로 화면전환을 했을때 더 많은 제목글자를 보여주기 위함입니다.
소스 부분에는
<div>
<li><a href="#"><%=title%></a></li>
</div>
이런식으로 div 와 li 로 감싸 있습니다.
도와주세요 ㅜ ㅜ
div 가로 길이가 있어서 그 가로를 넘어가면 '...' 으로 표기하거나 자동줄바꿈을 하는 방법이 있는데요
이런 방법 말고 그냥 그대로 한줄에 나오는데 까지 출력하는 방법이 궁금합니다.
웹서핑 결과
1. nowrap 를 추가하는 방법
2. white-space:nowrap 를 추가하는 방법
3. 아...
한가지가 더 있었는데.. 다 안되더라구요
2번 같은경우는 반응을 보였으나, 가로 비율이 변하게 되면 그 변한값을 다시 가지게 되어
사용을 못하는 케이스 입니다.
아참 중요한건 모바일 홈페이지라 그렇습니다.
가로로 화면전환을 했을때 더 많은 제목글자를 보여주기 위함입니다.
소스 부분에는
<div>
<li><a href="#"><%=title%></a></li>
</div>
이런식으로 div 와 li 로 감싸 있습니다.
도와주세요 ㅜ ㅜ
댓글 전체
overflow:hidden; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:break-all;
모바일에서도 완벽함
모바일에서도 완벽함
overflow:hidden; 추천....