728x90
반응형
테이블 width 넓어짐
white-space: nowrap;
어떤 상황에서도 표 크기를 고정하고 싶다면 table-layout 속성을 사용(값을 fixed로 정하면 table의 크기가 커지지 않음)
width: 500px;
table-layout: fixed;
표 크기 고정 후 줄바꿈
word-break: break-all; // 텍스트 줄바꿈 처리 (개행): 단어 깨짐
word-break: keep-all; // 텍스트 줄바꿈 처리 (개행): 단어 깨지지 않음
728x90
반응형
'CSS' 카테고리의 다른 글
| [CSS] scroll css (스크롤 디자인) (0) | 2020.06.24 |
|---|---|
| [CSS] html 테이블 헤더 고정 (table thead 고정) tbody 스크롤(scroll) (0) | 2020.05.12 |
| [CSS] select 박스 style2 (0) | 2020.05.11 |
| [CSS] select 박스 style (0) | 2020.05.11 |
| [CSS] width 퍼센트(%) 계산 width:calc() (0) | 2020.05.11 |