본문 바로가기

나와의만남

검색하기
나와의만남
프로필사진 ajju

  • 분류 전체보기 (14)
    • 잡설 (0)
    • web2.0 (1)
    • css (3)
    • flex (0)
    • 갈무리 (0)
    • wow (1)
Guestbook
Notice
Recent Posts
Recent Comments
Link
  • [정보와팁] 나의테크니컬정보와팁
  • 액션스크립트
«   2025/07   »
일 월 화 수 목 금 토
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 31
Tags
  • CSS
  • TEXT
  • wow macro
  • 웹표준
  • 웹2.0
  • ㅅㄷㄴㅅ
  • float
more
Archives
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

나와의만남

css로 텍스트 길이조정

게시판이나 메인 화면의 최근게시물 등에서 text를 칸에 맞게 잘라주려면 보통 서버에서 작업을 하곤 했다. 서버에서 칸 길이에 맞게 자르고, ...을 붙여주곤 했는데 숫자나 영문, 특수기호 등 예외가 많아서 곤란할 때가 많았다. 가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하 위와 같이 하면, 200px 에 맞게 잘리고, ... 이 찍힌다. overflow:hidden 이 넘어가는 영역에서 잘리게 해주고, text-overflow:ellipsis 가 ...을 찍어준다. 은 이름에서 풍기다시피 줄을 넘어가지 않게 해준다. 다만 text-overflow:ellipsis 은 IE6 부터 생긴 style 로 firefox 에서는 적용되지 않는다. 그래도 ov..

css 2008. 10. 15. 11:24
이전 Prev 1 2 3 4 ··· 14 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.