css로 정해진 사이즈로 글자자르기

말자 전체게시물 작성일13-04-24 23:14 조회4,212회

본문

css에서 영문으로 행바꿈 태그를 별도로 쓰지않고  내용을 작성하면, 한줄로 길게 늘어지는데

 

 1. overflow:hidden 지정된 넓이를 초과하면 글자자체를 행바꿈 시키는 것이 아니라 초과된 부분을  감춰준다

<div style="overflow:hidden">제목</div>

 

2. word-break:break-all;은 지정된 넓이에서 글자가 초과될 경우, 자동으로 행바꿈을 시켜 텍스트가 길게 늘어지는걸 막아주고

자동으로 <br>역활을 수행한다. 다만  파이어폭스,오페라 에서는 적용되지 않는다는거!! ㅠㅠ

<div style="word-break:break-all;">제목</div>

 

추천word-wrap:break-word;

3. word-wrap:break-word;은 지정된 넓이에서 글자가 초과될 경우, 자동으로 행바꿈을 시켜 텍스트가 길게 늘어지는걸 막아주고

자동으로 <br>역활을 수행한다.  익스8, 파이어폭스, 사파리, 오페라,크롬 모두 적용이 된다~~ㅠㅠ

<div style="word-wrap:break-word;">제목</div>

비회원도 추천 가능합니다.
유익한 정보였다면, 추천해주세요

추천 1 비추천 0

Css + Html

113개의 게시물
목록
읽기: 1P (1lv), 쓰기: 100P (3lv), 덧글: 10P (2lv), 다운: -10P (2lv)
Css + Html 목록
번호 제목 아이디 날짜 조회수 추천
113 부트스트랩 부트스트랩 모달 (modal) 클릭시 오른쪽에 생기는 여백 17px없애기 무료아이콘 전체게시물 10-12 70 추천: 1
112 css 에어콘 출판사 메인 콘텐츠 레이아웃 관련링크 무료아이콘 전체게시물 09-13 84 추천: 1
111 css float 중앙 정렬 시키기 무료아이콘 전체게시물 09-11 112 추천: 1
110 css 모바일에서 입력창 input 클릭시 확대되는 거 막기 관련링크 무료아이콘 전체게시물 09-04 98 추천: 1
109 jQuery/java 다양한 사이드바 소스 사이드바 플러그인 관련링크 무료아이콘 전체게시물 09-02 98 추천: 1
108 css 크롬 노란 input 배경 없애기 무료아이콘 전체게시물 08-27 141 추천: 1
107 css input에 입력폼에 글자 미리 넣어두기 무료아이콘 전체게시물 08-25 97 추천: 1
106 css 마진 여백 사용시 %넓이 깨지는 경우와 width100%밀림 깨짐 해결하기 무료아이콘 전체게시물 08-17 329 추천: 1
105 etc 브라우저 별 CSS 핵 관련링크 무료아이콘 전체게시물 08-09 116 추천: 1
104 css 목록(리스트)형식의 css에 텍스트 블릿 사용하기 무료아이콘 전체게시물 08-08 78 추천: 1
103 css 넓이 100%에 25%씩 4개값을 줬는데 줄바꿈 되는 경우 ㅠㅠ 댓글1 무료아이콘 전체게시물 07-17 177 추천: 1
102 부트스트랩 동영상 슬라이드 댓글2 관련링크 무료아이콘 전체게시물 01-20 1414 추천: 16
101 부트스트랩 다중,멀티 스타일시트 우선순위 무료아이콘 전체게시물 01-19 1679 추천: 15
100 부트스트랩 부트스트랩 nav 높이를 높였을 때 다른 div 와 겹치는 현상 무료아이콘 전체게시물 01-17 1059 추천: 14
99 부트스트랩 부트스트랩에 swiper로 네이버 터치 스크롤링 메뉴 만들기 관련링크 무료아이콘 전체게시물 01-17 4204 추천: 15
게시물 검색