Programing Language/CSS
-
CSS ) div에서 2줄 이상 넘어갈때 ... 처리 하는 방법Programing Language/CSS 2023. 1. 30. 18:38
.card { max-width: calc(100% - 38px); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; // 얘네를 추가히준다 -webkit-line-clamp: 2; -webkit-box-orient: vertical; } display: -webkit-box 속성은 해당 영역을 box 형태로 관리된다. -webkit-line-clamp 속성은 영역 내의 컨텐츠의 최대 라인수를 결정한다. -webkit-box-orient: vertical 속성은 영역 박스의 내의 정렬을 수직으로 만든다. 결과화면 두 줄로 잘보인다! 도움 되셨다면 하단의 광고 클릭 세엔스!!
-
CSS) input 타입 number에서 옆 방향키 없애기Programing Language/CSS 2022. 5. 16. 10:35
https://www.w3schools.com/howto/howto_css_hide_arrow_number.asp /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } 하단 광고 클릭은 개발자의 코손실을 방지합니다.
-
CSS) 스크롤 없애고 기능은 계속 사용하기Programing Language/CSS 2021. 12. 1. 13:06
웹앱을 만들때면 스크롤은 사용하면서 스크롤 바는 없애고 싶을때가 있다. 그럴때 다음과 같이 사용하면 된다. /* Hide scrollbar for Chrome, Safari and Opera */ .example::-webkit-scrollbar { display: none; } /* Hide scrollbar for IE, Edge and Firefox */ .example { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ }
-