너무어려웡
502
2017-04-28 12:13:01 작성 2017-04-28 12:16:41 수정됨
6
946

css 관련 질문 입니다ㅜ!


글이 길어지면 ... 처리를 하려고 하는데요..


<td class="left" style="overflow: hidden; text-overflow:ellipsis;">
${vo.subject}
</td>

이렇게 jsp에 넣어줬는데

출력이 자꾸 이렇게 나오는데... 뭐가 문제일까요 ㅠㅠ?

width 값을 적게 넣어줘도 똑같이 출력 됩니다..

0
  • 답변 6

  • siva6
    5k
    2017-04-28 12:28:26

    div로 감싸서 속성을 줘보세요.

  • 너무어려웡
    502
    2017-04-28 12:30:32

    div로 감싸도 안되네요ㅠㅠ

  • shaffron
    4k
    2017-04-28 13:17:11 작성 2017-04-28 13:18:56 수정됨
    <td class="left" style="overflow: hidden; text-overflow:ellipsis; white-space:nowrap; width:100px;">
    ${vo.subject}
    </td>

    엘립시스 처리 할려면 고정된 width값을 가지고 있어야 합니다.

    반응형이라면 calc 사용하셔서 width값을 계산해주셔야 해요.

    <td>엘리먼트에  엘립스시 처리 하는게 제일 까다롭습니다.

  • 2005
    126
    2017-04-28 13:17:37

    white-space:nowrap;

  • 블루
    439
    2017-04-28 13:20:46 작성 2017-04-28 13:21:00 수정됨

    https://jsfiddle.net/nc1czg68/


    td안에 div넣어 처리하시거나

    위처럼 td 자체를인라인블락으로 속성변경 후 white-space넣으시면.

  • 너무어려웡
    502
    2017-04-28 13:56:16

    아 td 밖에다 div 걸어서 하고 있어서 안 됐었나봐요 ㅠㅠ

    td 안에서 처리하니 잘 됩니다! 다들 감사합니다!!

  • 로그인을 하시면 답변 을 등록할 수 있습니다.