본문 바로가기 메뉴 바로가기

메모하는습관

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

메모하는습관

검색하기 폼
  • 분류 전체보기 (113)
    • 티스토리 꾸미기 (1)
      • 악세사리 (1)
      • 사이드바 (0)
      • 스킨 (0)
    • 프로그래밍 (55)
      • Java (12)
      • ASP (0)
      • Javascript (11)
      • VB Script (1)
      • Python (0)
      • HTML & CSS (2)
      • ASP.NET (8)
      • C# (8)
      • XML (4)
      • PHP (2)
      • Ruby (1)
      • Mobile (0)
      • Go (5)
      • Tip & Trick (1)
      • Node.js (0)
    • 개발툴 (4)
      • Eclipse (4)
    • 운영체제 (18)
      • 리눅스 (16)
      • 윈도우 (1)
      • MacOSX (0)
    • 데이터베이스 (33)
      • MSSQL (10)
      • ORACLE (0)
      • MySQL & MariaDB (4)
      • PostgreSQL (19)
    • 웹 서버 (2)
      • Apache (0)
      • IIS (0)
      • Tomcat (1)
      • Nginx (1)
    • 게임 (0)
      • 와우 애드온 (0)
      • 와우 프리섭 (0)
      • 와우 매크로 (0)
    • 기타 (0)
  • 방명록

width (1)
문자열의 width 구하기

메시지 박스 같은 것을 만들다 보면 문자열의 길이가 일정하지 않다. 보통의 html tag들은 height는 내용에 따라 늘어나지만 width는 대부분 그렇지 않다. 그래서 문자열의 width를 구하는 방법을 생각해보던 중 그럴싸한 트릭을 생각해냈다. 우선 간단하게 설명을 하면 span tag는 문자열 만큼 width가 늘어나므로 span tag를 이용하여 문자열의 width를 구하면 된다. 1. span 을 position: absolute로 잡는다. 2. span 의 좌표를 화면에 보이지 않는 좌표로 잡는다 (예를 들면 top: -10000 또는 left: -10000) 3. 폰트와 같이 width에 영향을 미치는 style들도 감안한다. 4. span 에 문자열을 넣는다. 5. span 의 oute..

프로그래밍/Javascript 2011. 7. 29. 18:21
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
  • 모바일과 PC에서 폰트 크⋯
  • proxy 설정 시 502 bad ga⋯
  • [MariaDB] 여러개의 sql⋯
  • [MariaDB] Server has gon⋯
최근에 달린 댓글
  • getServletContext().getReal⋯
  • 이런 유용한 방법이있었네요⋯
  • eq는 먹는데 equals는 안먹네⋯
  • 잘 배우고 갑니다~
Total
434,685
Today
35
Yesterday
132

Blog is powered by Tistory / Designed by Tistory