수다닷컴

음 이 이슈는 개발과도 연관이 있는데 잘 안풀려서 여쭤봅니다

예를들어 게시판에 글제목이 td에 약 30자가 들어간다 치면
db에서 값을 가져와 뿌릴 땐 27~28자로 자르고 뒤에 ... 을 붙여서 처리합니다.

허나 모바일의 경우 화면가로전환, 화면세로전환에 따라 영역이 달라지므로
세로전환일 때 30자 기준이면 가로전환일 땐 40자 정도 더 들어갈만한 공간이 생기게 됩니다.

이 문제를 스크립트로 처리를 해볼까도 했지만
(가로 전환이거나 세로전환일 때를 캐치하는 스크립트를 써서 다시 뿌려주는 식)
가로/세로 전환할 때 계속 스크립트를 호출하는것도 비효율적이며, 스크립트가 동작하지 않을 때 문제가 발생합니다.

그래서 찾아본 봐 nobr 태그나 white-space: nowrap;와 text-overflow:ellipsis 를써서css로 해결가능한 듯 한데
nobr 이나 white-space: nowrap;은 표준이 아닌 것 같은데
표준을 지키면서 처리할 수 있는 방법이 있을까요?? 부탁드립니다

신청하기