줄바꿈을 하지 않고 처리할 때의 문제..
꽃햇님
음 이 이슈는 개발과도 연관이 있는데 잘 안풀려서 여쭤봅니다
예를들어 게시판에 글제목이 td에 약 30자가 들어간다 치면
db에서 값을 가져와 뿌릴 땐 27~28자로 자르고 뒤에 ... 을 붙여서 처리합니다.
허나 모바일의 경우 화면가로전환, 화면세로전환에 따라 영역이 달라지므로
세로전환일 때 30자 기준이면 가로전환일 땐 40자 정도 더 들어갈만한 공간이 생기게 됩니다.
이 문제를 스크립트로 처리를 해볼까도 했지만
(가로 전환이거나 세로전환일 때를 캐치하는 스크립트를 써서 다시 뿌려주는 식)
가로/세로 전환할 때 계속 스크립트를 호출하는것도 비효율적이며, 스크립트가 동작하지 않을 때 문제가 발생합니다.
그래서 찾아본 봐 nobr 태그나 white-space: nowrap;와 text-overflow:ellipsis 를써서css로 해결가능한 듯 한데
nobr 이나 white-space: nowrap;은 표준이 아닌 것 같은데
표준을 지키면서 처리할 수 있는 방법이 있을까요?? 부탁드립니다
-
모아
혹시 FF에서도 말줄임 text-overflow:ellipsis; 가 먹는방법 뭐 없을까요?? 흐음..
-
딸기향
특정브라우저가 비표준브라우저면 안먹을수 있는데 제가 알기로는 white-space:nowrap;은 다 먹는걸로 알고 있어요 ㅎ;
말줄임 ... 이게 파포에서 지원을 안하는걸 들으셨나봐요.. 파포는 그냥 ... 으로 안나오고 단어가 잘리거든요 ㅡ,.ㅡ; -
허리달
아 그런가요 감사합니다 어디선가 특정브라우저에선 안먹는다고 들어서 비표준인줄 알았습니다
-
Emily
white-space:nowrap이 표준이 아니였던가요? 비표준속성이라는 말은 못들어봤는데 ㅡ,.ㅡ?
저는 후자로 코딩을 합니다.