한글자동 줄바꿈에 대해서 질문드립니다
초코초코해
요렇게 들어가는 리스트페이지를 만드고 있습니다
소스는
td onclick=goView("18")
div class=listCalendarDay18/div
div class=listCalendarItem
ul
li2013 순천만정원박람회/li
li제12회 전국주민자치박람회/li
li2013 에버랜드 할로윈&호러 나이트/li
liJET Fest/li
/ul
/div
/td
요런식으로 td안에 div 넣고 코딩중인데
문제는 텍스트가 길어지면 안되니까
li에 width와 height값을 주고 overflow:hidden을 써서 넘쳐나는 걸 잘리게 했습니다
어차피 클릭하면 본내용으로 넘어가니까 글자가 잘리는건 괜찮은데 저렇게 절반으로 글자가 잘려나와서
되게 신경쓰이네요 ㅠㅠㅠ 혹시 이런경우 다들 어떻게작업하시나요??
word-break써봤는데 이건 아무런 반응이없더라구요 ㅠㅠ
하코사분들의 조언을 구합니다!
-
에녹
부모요소가 td 인데다..ㅠㅠ 가변..이라서 CSS 만으로는 깔끔하게 자르는게 불가능할거에요 orz 힘내세용 ㅋㅋ
-
동백
읍... 지금 개발자분들이 바쁜상황이라 부탁드리기 뭣해서 되도록이면 css로 손보고싶어서요ㅠ
다음에 여유가 생기면 부탁드려봐야겠어요 ㅠㅠ -
다흰
명품도시인천님의 말처럼 ㅎㅎ 만약 td의 width 가 가변적이지 않다면 - 일립시스 처리해보시면될텐데,
만약 가변적이면, 스크립트로 window가 resize 때마다 td의 width 를 받아와서 div 에 넣어주는..ㄱ-
이것보다 개발로 그냥 줄여버리는게 가볍겠네요. 몇바이트 기준으로 잘라달라구하세요 ㅋㅋ