아래 글과 마찬가지로, 깨알팁을 올리는 이유는 "이런 문제가 있다" 는 걸 알려드리기 위해 쓰는 겁니다.
스케치북 게시판을 모바일에서 사용할 경우, "첨부파일" 부분을 보면
파일 이름 길이가 모바일의 가로폭보다 길 경우, 줄바꿈이 되지 않고 옆으로 삐져나와서 레이아웃이 깨지는 문제가 있습니다.
원래 줄바꿈이라는게 기본적으로 단어 기준이라서 이런 문제가 발생하는 것인데, 해결하는 방법은 줄바꿈 단위를 "글자 단위"로 변경하는 태그를 추가해주면 됩니다.
board.css를 열고 .rd_file li 라고 검색해 보면
.rd_file li{float:left;padding:2px 8px 2px 0} 이런 부분이 나옵니다.
여기에 word-break:break-all 을 추가해주면 됩니다. (.rd_file li{float:left;padding:2px 8px 2px 0;word-break:break-all} 이런 식으로 수정)