아무것도 보이지 않고 공간도 차지하지 않습니다.inline형태로 나타내기 때문에 width와 height를 설정할수 없습니다.!codepenjinn2u/embed/MWmvvjZ?default-tab=html%2Cresultblock 형태로 나타내기 때문에 앞뒤로 줄바꿈
반응형 디자인을 어떻게 할것인가에 대해서 많은 고민을 했었지만, 신경써서 구현한 적이 없었던것 같다. 따라서 이번에 antd를 활용해서 반응형웹을 구현해 보았다. 나는 가장 큰화면일 때 3개의 카드를, 중간 화면일 때 2개의 카드를, 최소 사이즈의 화면일 때 1개의 카
문제 토글 버튼을 구현할이 생기게 되었다. 이때 가상 선택자를 활용해서 active일 때 토글버튼을 회전시킬 생각이었다. 하지만 계속 클릭하고 있는 상태에서만 회전이 유지되고 클릭을 해제한다면 다시 원래대로 돌아왔다. 따라서 내가 원하는 결과로 되지 않았다. 사용자
width를 지정해줘야한다.display: block을 해줘야한다.overflow: hidden을 해야한다hidden속성은 width를 벗어나는text를 잘라준다.text-overflow: ellipsis...표시를 해 준다.!codepenjinn2u/embed/OJg
유튜브를 보다가 이렇게 특정 줄 이상일 경우 ... 표시가 되어있는것을 알 수 있다. 어떻게 할까??생략하고 싶은 블럭에 display: -webkit-box; 로 설정을 해 준다.이렇게 해준다면 해당 요소에 -webkit 속성을 사용할 수 있다.\-webkit-lin