게시판 리스트 제목 길어지면 2줄로 되는 것...
본문
안녕하세요.
게시판 리스트 제목 길어지면 2줄로 되는 것이 긴 제목의 게시글 한 두개만
height 높이가 달라서 보기가 좀 싫습니다.
사이트 레이아웃 본문 컨텐츠 가로 폭이 해상도에 따라서
퍼센트 비율로 늘어나고 줄어들어서...
게시판 관리에서 제목 글자수를 정해주면
화면 가로 폭이 작은 회원님들 때문에 글자수 얼마 안되게 제한하기도 좀 그렇구요 ㅠ
가로 폭이 차례대로 줄어들 때 마다
"오늘의 날씨는 너무 좋습..."
"오늘의 날씨는 너무 좋..."
"오늘의 날씨는 너..."
"오늘의 날씨는 ..."
"오늘의 날씨..."
이런 식으로 줄어들게 할 방법은 없을까요?
고수님들의 답변 기다리겠습니다..!!
답변 3
PHP로 처리할경우
그누보드의 라이브러리에는 cut_str 이라는 함수가 마련되어있습니다만
요청하신 사항은 가변적으로 말줄임표 "..."가 붙어야 하는 것이라서
가급적 JavaScript로 처리해야 가변적인 줄임이 됩니다.
CSS로 도 가능하지만.
JavaScript로 처리하는 방법을 공개한 글 링크입니다.
제목을 감싸는 tag에
display:block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
해주시면 제목 감싸는 tag의 width 값에 따라
줄어들어요.
이게 맞나요?
white-space:nowrap; text-overflow:ellipsis; word-wrap:normal
css로 처리해보세요
답변을 작성하시기 전에 로그인 해주세요.