overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

게시판에 이 css 적용하면 제목이 제목란보다 더 길어서 테이블 밖으로 밀려날 때

원래는 말줄임표 뒤로 댓글 숫자 표시된 부분도 함께 밀려나가서 보이지 않게 되는데

<?php if ($list[$i]['comment_cnt']) { echo '  댓글'?><span class="sound_only">댓글</span><?php echo $list[$i]['comment_cnt']; ?><span class="sound_only">개</span><?php } ?>

</a></span>

요 부분만 더 밀려나지 않고

강제적으로 그 셀 오른쪽 끝에 출력이 되도록 할 수 있는 방법이 있을까요?

물론 제목 길이가 짧으면 제목 뒤에 붙어야겠죠 ㅠㅠ

지금 스킨.php 에는

<span style = {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

<td 제목><? 댓글>

</td>

</span>

대강 이런 구조인데 제목이랑 댓글 사이에 /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;
}