달력

42024  이전 다음

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
눈내린밤(sur1ya) http://cafe.naver.com/scriptbehind/99

게시판의 제목부분이 TD의 width보다 내용이 초과되서 br되서 보일때 쓰는 css입니다.

EX)

 

┏━━━┳━━━━━━━━━━━━━━━━━━━━━━┳━━━┓

┃작성자┃                              내용                              ┃ 날 자 ┃

┣━━━╋━━━━━━━━━━━━━━━━━━━━━━╋━━━┫

┃테스터┃ㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱ┃07.10┃

┃         ┃                              ㄱㄱ                              ┃         ┃

┗━━━┻━━━━━━━━━━━━━━━━━━━━━━┻━━━┛

이렇게 될때..

 

style.css (스타일 시트 파일에서)

 

nobr {width: '내용td의 width'; overflow:hidden;

         text-overflow:ellipsis;}

이렇게 스타일시트에서 지정한후에

 

해당 게시판 asp 파일에서

<td><nobr>ㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱ</nobr></td>

이렇게 하면..

 

┏━━━┳━━━━━━━━━━━━━━━━━━━━━━┳━━━┓

┃작성자┃                              내용                              ┃ 날 자 ┃

┣━━━╋━━━━━━━━━━━━━━━━━━━━━━╋━━━┫

┃테스터┃ㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱ...┃07.10┃

┗━━━┻━━━━━━━━━━━━━━━━━━━━━━┻━━━┛

이렇게 자동으로 바뀝니다.

 

직접입력시

 

<td><nobr style="width:'내용td의 width'; overflow:hidden; text-overflow:ellipsis;">

ㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱㄱ</nobr></td>

이렇게 하시면 됩니다.

 

익스플로러 버전 몇까지 지원하는지는 잘 모르겠으나 웬만해서는 다 될거예요.

 

그래도 하나 올렸으니 쥔장에게 미움은 받지 않겠지..ㅋ

Posted by tornado
|