1) 학습한 내용
네이버 연예 뉴스 상단, 왼쪽 영역
- min-height: 32px; 최소 32px은 유지하면서 높이는 늘어남
#ent-main .ent-left #ent-section-3 li span {
position: absolute;
display: block; (블럭 속성이어야 적용 됨)
max-width: 100%; 없으면 줄바꿈이 생기며 범위가 늘어남, 그걸 막기위해 100%적용 넣으면 100%를 넘어가지 않음
background-color: #f40080;
padding: 0 5px;
left: 0;
top: 0;
font-size: 11px;
font-weight: 700;
color: #ffffff;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; 한줄 말줄임 만들때 사용 (위 image의 에이치엔드에이치엔드에이치엔드 적힌 부분)
} - min/max-width: 100%; 원하는 지점에서 말줄임표 나타나게 사용 가능(실무에서도 자주 사용됨)
2) 학습내용 중 어려웠던 점
말 줄임 표시 활용
3) 해결방법
말 줄임 표시를 자동으로 적용시켜 주는 코드 라인을 알아두면 좋을 것 같다.
4) 학습소감
계속 사이트를 만들어 나가는 수업들이므로 따라 나가면 되겠다.
