LaKinRad's Record Page

table { table-layout: fixed; } 테이블 td 중 하나의 값이 너무 길어져서 테이블 밖으로 넘쳐보이는 현상이 발생했다. 이런 경우, table style에 table-layout: fixed 옵션을 추가하면 width 값이 고정된다.

input { caret-color: transparent; } caret-color 속성은 입력 필드 내에서 텍스트 커서의 색상을 지정할 때 사용되는데, 속성값을 transparent 로 주게 되면 텍스트 커서를 투명하게 만들어서 커서를 없애는 효과를 준다.

2개의 자식 div가 있는 부모 div 태그의 첫 번째 div에 height가 정해져 있는 상황에서 나머지 자식 div에 height를 자동으로 설정해주고 싶었다. #parent { height: 800px; display: flex; flex-direction: column; } #child1 { height: 110px; background-color: yellow; } #child2 { flex: 1; background-color: orange; } 부모 태그에 "display: flex;" 속성을 추가하여 Flexbox를 활성화시키고, "flex-direction: column;" 속성으로 자식 요소들을 세로로 정렬시킨다. 'child2' 영역에 "flex: 1;" 속성을 추가함으로써 'chil..