반응형 Right2 Margin 간격 오늘만 margin을사용해서 몇번을 간격조절 했는지 모른다. 빈 div태그를 만들어 className을 주고 마진을 이용 했을정도로 간격을 만들때 중요한 margin... margin은 기본적으로 1)margin : 원하는px 그럼 상하좌우 전부 공백이 늘어난다. 2)margin-left, margin-right, margin-bottom, margin-top 이렇게도 개별 설정할 수 있다. 참고한링크 https://developer.mozilla.org/ko/docs/Web/CSS/margin margin - CSS: Cascading Style Sheets | MDN margin CSS 속성은 요소의 네 방향 바깥 여백 영역을 설정합니다. margin-top, margin-right, margin-b.. 2022. 3. 23. HTML element 정렬 (우측정렬,좌측정렬) float사용 아이콘 클릭후 검색화면을 만들고 있는데... 리셋버튼과 검색버튼을 우측으로 정렬하고 싶었는데 마땅치 않았다. {/* 순서가 왜바뀌는지는 모르지만 서치랑,리셋버튼바뀜 */} {setRamen1(0);setRamen2(0);setRamen3(0) }}> Bootstrap Grid로 나눈 부분중 한 파트인데 이 사진과 관련된 코드! 보면 className을 icon으로주고 .icon{ float:right; cursor: pointer; } .icon:active{ transform: translateY(2px); } 이와같이 float속성에 right로 줘서 해결했다. 다만 반응형으로 모바일 화면에선 이런식으로 바뀌어지길래 이와같이 주어서 해결했다. 정상적으로 잘 작동하는 부분! 일단 float으로 사용해서.. 2022. 3. 23. 이전 1 다음 반응형
