Front-end/CSS
[CSS] table 표 이중 선 없애는 법 border-collapse
table 이중 선 없애기 테이블 전체와 각 요소들에 border를 줄 경우 이렇게 이중 선이 생깁니다. 겹치는 부분의 선을 없애려면 border-collapse: collapse;
Front-end/CSS
Front-end/CSS
[CSS] 부모 요소에서 벗어나는 글씨 줄바꿈 하는 법
white-space으로 줄바꿈 요소의 공간을 초록색으로 표시했는데 안의 텍스트가 요소 밖으로 벗어날 경우 white-space: pre-line 을 넣으면 글씨가 줄 바꿈이 됩니다. white-space: nowrap : 줄바꿈 없이 한 줄로 표시
Front-end/CSS
[CSS] 요소에서 벗어나는 글씨 ... 으로 처리하는 법
벗어나는 글씨 처리하는 법 긴 텍스트를 한 줄로 표시하고 싶을 때 white-space: nowrap; : 한 줄 표시 overflow: hidden; : 벗어나는 부분 숨기기 text-overflow: ellipsis; : 텍스트 벗어나는 부분 ... 처리
Front-end/CSS
[CSS] CSS 사이즈 기본 단위, font-size 단위
CSS 사이즈 기본 단위 절대 단위 px, in, cm, mm, pt, pc 상대 단위 em rem % vw(뷰포트 너비) vh(뷰포트 높이) 기타 vmin(뷰포트 최소너비) vmax(뷰포트 최대너비) font-size에서 많이 사용하는 단위 em : 부모 폰트의 크기를 기준으로 상대적인 크기 설정 rem : 가장 상위태그 HTML의 폰트 크기를 기준으로 상대적인 크기를 설정 font-size 변수로 만들어 사용하기 브라우저 사이즈별로 font-size를 키울 때, font-size 앞에 ' -- ' 를 넣으면 변수로 설정해서 사용하실 수 있습니다.
