div와 같은 block 요소와는 다르게, span은 inline요소이기 때문에, text-overflow: ellipsis 속성을 줘도 제대로 동작하지 않는다.
이러한 경우에는 span 요소에 display: inline-block이나 display: block 을 추가하여 block 요소로 변경하면 정상적으로 동작한다.
'Programming > Web' 카테고리의 다른 글
| 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 |
| firebase에서 nuxt.js dynamic routes 사용하기 (0) | 2018.10.23 |
