728x90
툴팁(tooltip), title 태그(속성) 줄바꿈, 개행 처리
툴팁을 사용하다보면 내용이 길어져서 줄바꿈을 해야할 때가 있습니다.
그럴 때 간단하게 해결할 수 있는 방법이 있습니다.
HTML NUMBER CODE 를 사용하여 줄바꿈 처리하기
<span title="줄바꿈처리. 해볼까요?.">이렇게 작성하면 됩니다.</span><span class="tooltip" title="LINE1 LINE2.">마우스 올리기</span>
마우스 올리기
728x90
'프로그래밍 > CSS' 카테고리의 다른 글
| [CSS/html] 테이블 헤드 고정하고 스크롤 하는 방법. table with fixed thead and scrollable tbody (0) | 2020.06.30 |
|---|---|
| [CSS] checkbox 사이즈 조절(네모 크기 늘리기) (0) | 2020.06.20 |
| [CSS] 테이블(table)에 스크롤 기능 만들기 (0) | 2020.06.14 |
| [CSS] Html input 에서 오른쪽 화살표, type='number' 의 버튼 없애기 ( 증가,감소 버튼) (0) | 2020.06.12 |
| [CSS] 텍스트가 div, code block 범위 밖으로 나가는 현상 해결 (0) | 2020.06.08 |