본문 바로가기

분류 전체보기24

잘 모를 수 있는 CSS 속성 place-Items: center, diplay: grid 조합 두 개 속성을 조합하면 요소를 가로 및 세로로 가운데에 맞출 수 있습니다. CSS is awesome Yes, this is a hero section made for fun. See more Colored by Color Scripter cs /* CSS */ .hero { display: grid; place-items: center; } cs margin: auto, display: flex 조합 이 방법도 마찬가지로 가로 및 세로 가운데에 맞출 수 있습니다. cs /* CSS */ .parent { width: 300px; height: 200px; background: #ccc; display: flex; } .child { wi.. 2020. 7. 3.
모바일 디바이스별 해상도, OS 버전 (2023.02.21 업데이트) name phys. width phys. height CSS width CSS height pixel ratio phys. ppi OS Launch Date Apple iPhone 14 Pro Max 1290 2796 430 932 3 460 iOS 16.0 2022.09 Apple iPhone 14 Plus 1284 2778 428 926 3 458 iOS 16.0 2022.09 Apple iPhone 14 Pro 1179 2556 393 852 3 460 iOS 16.0 2022.09 Apple iPhone 14 1170 2532 390 844 3 460 iOS 16.0 2022.09 Apple iPhone 13 Pro Max 1284 2778 428 926 3 458 iOS 15.0 2021.09 .. 2020. 6. 28.
CSS 한줄, 여러줄 말줄임 표시하기 실무에서 자주 사용하는 CSS 말줄임(...) 표시하는 방법에 대해 알아봅시다. 한 줄 .text { text-overflow: ellipsis; white-space:nowrap; overflow:hidden; } cs 여러 줄 예를 들어 3줄 이상 말줄임 처리를 하고 싶다면 3줄에 해당하는 높이를 height 값으로 넣고, -webkit-line-clamp에 라인 수를 넣으면 됩니다. 참고로 IE에서는 말줄임(...) 표시는 안되고, 설정한 라인 수 이상일 경우 숨김 처리됩니다. .box { display: -webkit-box; height: 60px; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-o.. 2020. 6. 28.
새 에어컨에서 냄새가 날 경우 조치 방법 문제 현상 온도를 25도 이상 높이거나, 에어컨을 끄면서 자동건조 기능이 작동할 때 퀴퀴한 냄새가 납니다. 문제 원인 에어컨 구입 초기에 새 제품 특유의 냄새가 날 수 있습니다. (에어컨 제조 및 포장과정에서 생성된 냄새라고 하네요) 문제 해결 1. 에어컨의 온도를 최저로 설정합니다. (파워모드가 있다면 작동시켜서 최대 냉방으로 가동시킵니다.) 2. 1시간 정도 작동시킨 후 송풍기능으로 1시간 더 작동시킵니다. (실내기 내부의 수분을 건조시켜서 냄새 발생을 현저히 줄일 수 있습니다.) 실생활 팁 LG에어컨의 경우 자동건조 설정 후 에어컨을 끄면 자동건조 100초 작동 후 전원이 꺼지는데, 자동건조 기능보다는 송풍기능을 30분 정도 작동시키는게 실내기 내부 수분을 건조시키에 더 좋습니다 . 2020. 6. 28.