728x90 300x250 Front-end/CSS63 말줄임 ellipsis처리 a {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} 2022. 6. 4. [css] 화면 줄일 때 잘리는 게 아니라 밑으로 떨어지게 하려면? .container { border: 5px solid #ffcc5c; display: flex; justify-content: flex-start; flex-wrap: wrap; //이렇게 지정해준다. } 2022. 5. 24. css 확장자로 요소 찾기 확장자로 요소를 찾을 때는 속성의 끝이름으로 찾아주면 된다. 예를 들어서 이미지 중 jpg만 찾아서 수정한다면 아래와 같이 작성할 수 있다. img[src$=".jpg"] { 수정할 내용 } 2022. 5. 23. css로 스크롤바 없애기 ::-webkit-scrollbar { display: none; } /* Chrome, Safari, Opera 스크롤바 숨기기 */ .example::-webkit-scrollbar { display: none; } /* IE, Edge 스크롤바 숨기기 */ .example { -ms-overflow-style: none; } overflow-y: hidden; /* 세로 스크롤바 숨기기*/ overflow-x: hidden; /* 가로 스크롤바 숨기기 */ 출처 : https://www.codegrepper.com/code-examples/css/how+to+remove+scrollbar+in+css 2022. 5. 19. 이전 1 2 3 4 5 6 ··· 16 다음 728x90 반응형