반응형
div와 같은 block 요소와는 다르게, span은 inline요소이기 때문에, text-overflow: ellipsis 속성을 줘도 제대로 동작하지 않는다.
이러한 경우에는 span 요소에 display: inline-block이나 display: block 을 추가하여 block 요소로 변경하면 정상적으로 동작한다.
반응형
'Programming > Web' 카테고리의 다른 글
| 웹 폰트에서 EOT, TTF 파일을 배제해야하는 이유 (0) | 2021.04.06 |
|---|---|
| mobx 6 출시와 변경된 점 (0) | 2020.10.13 |
| [CSS] span에서의 ... 말 줄임표(text-overflow: ellipsis 속성) 처리 (0) | 2020.10.07 |
| Chrome DevTools 다크 테마(Dark Theme) (0) | 2019.02.10 |
| Firebase로 nuxt.js 배포하기 (0) | 2019.02.07 |
| WebStorm 미세 팁 (0) | 2019.01.22 |
