혹시 이런것도 가능할까요? 게시판 리스트 제목 관련 질문입니다. 채택완료
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
게시판에 이 css 적용하면 제목이 제목란보다 더 길어서 테이블 밖으로 밀려날 때
원래는 말줄임표 뒤로 댓글 숫자 표시된 부분도 함께 밀려나가서 보이지 않게 되는데
댓글개
요 부분만 더 밀려나지 않고
강제적으로 그 셀 오른쪽 끝에 출력이 되도록 할 수 있는 방법이 있을까요?
물론 제목 길이가 짧으면 제목 뒤에 붙어야겠죠 ㅠㅠ
지금 스킨.php 에는
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
대강 이런 구조인데 제목이랑 댓글 사이에 /span을 붙이면 강제적으로 줄바꿈이 되고요
억지로 줄바꿈되지 않도록 만들어보니 댓글과 제목이 겹쳐져 버립니다,
그래서 둘이 무조건 한줄에 있도록 해야 할 것 같아요 ㅠㅜ
이것도 방법이 없다면 그냥 포기하고 앞쪽에 셀을 한칸 더 만들어서 표시해야겠습니다 ㅠㅠ
아래는 적용된 css 전문이에요, 하나하나 테스트를 해보니
제목을 아예 따로 떼서 반응형 셀 크기에 맞게 잘라놓고 각 셀에 다시 갖다붙이는듯..
.text-overflow-dynamic-container { position: relative; max-width: 100%; padding: 0 !important; display: -webkit-flex; display: -moz-flex; display: flex; vertical-align: text-bottom !important; } .text-overflow-dynamic-ellipsis { position: absolute; white-space: nowrap; overflow-y: visible; overflow-x: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; max-width: 100%; min-width: 0; width:100%; top: 0; left: 0; } .text-overflow-dynamic-container:after, .text-overflow-dynamic-ellipsis:after { content: '-'; display: inline; visibility: hidden; width: 0; }
답변 1개
답변을 작성하려면 로그인이 필요합니다.
로그인