반응형
> 텍스트 생략 (ellipsis)
td 내부 태그에 걸어야 적용된다! (td not working)
<td>
<div class="address-width">{{ address }}</div>
</td>
div.address-width {
width: 100px; // 필수 고정값!
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
> 스크롤바 (overflow-y)
table 외부 태그에 걸어야 적용된다! (table not working)
<div class="content">
<table>
<thead></thead>
<tbody></tbody>
</table>
</div>
div.content {
overflow-y: auto;
}
반응형
'CSS' 카테고리의 다른 글
CSS 테두리 선으로 삼각형 화살표 만들기 (0) | 2022.11.24 |
---|---|
background-image 명도 조절 (linear-gradient) (0) | 2022.10.27 |
HTML input number maxLength 설정하기 (0) | 2022.09.26 |
웹 제작하면서 알게된 반응형 css (0) | 2022.01.01 |
반응형 CSS 어떤걸 사용할까 ? (0) | 2021.08.15 |
댓글