Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- absolute
- Semantic tag
- 태그
- 시맨틱 태그
- onclick
- HTML
- 새창열기
- 툴팁
- Transform
- 페이지 이동
- translate
- JavaScript
- css3
- 가상 클래스
- tag
- 시맨틱
- googlechart
- 깜박임
- script
- Semantic
- window.open
- relative
- jQuery
- 팝업
- html5
- 가상 요소
- window open
- 구글차트
- jQuery UI
- position
Archives
- Today
- Total
무아지경
word-break:break-all 본문
- 정해진 width값 안에서 문장의 길이가 길어서 밀려날때 사용
- 영어 단어가 길어서 중간에 밀려 내려가지 못하고 단어 전체가 밀려 내려가서 윗줄에 공간이 생기는걸 방지하는 기능
- 영어 단어의 중간에서 width값의 길이만큼 단어가 써지고 잘려서 밑으로 내려가 빈 공간 없이 글을 쓸수 있음.
# text-align:justify; 사용 할때 같이 사용 하면 효과적.
# 반응형 웹에서 text-align:justify; 사용시 width값이 작아지면(400px이하 모바일 사이즈) 스펠링 사이 공간이 벌어지는 경우가 생기는데 이때 사용 하면 효과적일듯 하다.
'퍼블리싱 > HTML5 + CSS3' 카테고리의 다른 글
select 태그 사용 예시 (0) | 2018.05.30 |
---|---|
tabindex="n" (0) | 2018.05.30 |
본문 바로가기 for 스크린리더 (0) | 2018.05.18 |
말줄임(...) (0) | 2018.05.18 |
block요소, inline요소 (0) | 2018.05.18 |
Comments