잡다/html,css (2) 썸네일형 리스트형 [css] tailwind css - 화면 가운데 정렬 + 꽉 채우기 위와 같이 화면을 꽉 채우면서 form 요소는 가운데 정렬을 만들었다. {children} 화면 꽉 채우기: w-full min-h-screen 가운데 정렬: flex items-center justify-center 세로 방향으로 꽉 채우는 방법에는 h-full과 h-screen이 있다. h-full의 경우 height: 100%에 대응되는데, 이는 부모 요소에 영향을 받는다. 거슬러 올라가서 모든 부모를 h-full로 만들면 1사용할 수는 있긴 한데, 애초에 높이라는 개념이 없는 html, body 요소에 높이를 지정하는 것은 어울리지 않는다. h-screen은 height: 100vh에 대응되는 속성으로, 부모와 관계없이 동작한다. 이때 min을 붙이면 min-height: 100vh가 되는데, 이.. 내가 까먹는 html / css 방법들 내가 자주 까먹어서 찾아보는 html이나 css 방법들을 하나씩 적어본다. html input에서 키보드 입력은 받기 싫은 경우(마우스만 허용) { e.preventDefault(); return false; }} /> onKeyDown 에서 preventDefault() 및 return false을 하면 키보드 입력을 받지 않을 수 있다. textarea 맞춤법 검사 기능 끄기 css a 태그 밑줄 삭제 a { text-decoration: none; } li 태그 숫자나 점(dot) 삭제 ol, ul { list-style-type: none; } li 말고 상위의 ol, ul에서 선언해야 한다. 이미지 늘리지 않으면서 크기에 맞추기 a { width: 250px; height: 250px; obje.. 이전 1 다음
