오열매의 코딩 공간

  • 홈
  • 태그
  • 방명록

css-hack 1

CSS) [CSS-Hack] 컨테이너에 속한 3개의 박스를 일정한 너비로 설정하기 ... space-between 오류

fCSS-Hack에 관한 코드다. 정석적인 방법은 아니라, 사용자들이 브라우저의 오류를 해결하기 위해 연구해서 공유된 내용임을 미리 알린다. 실제 예시 코드를 이용하여 알아본다. 하나의 컨테이너에 3개의 칼럼이 있는 상황. 원래는 컨테이너에 justify-content: space-between 을 부여하여 배치하려 하는데, 가운데 요소가 화면의 정중앙에서 약간 벗어나는 상황이다. 그래서 아래와 같은 css 코드를 사용한다. 참고로 SCSS를 사용했다. CSS로 사용하려면 상위 태그로부터 따로 분리해내어 독립적으로 선언하고, &의 뜻은 해당 태그라는 뜻이다. 예를 들면, div{ &:hover { ~ } } 는 div:hover{ ~ } 와 같은 뜻이다. 위 코드를 실행하면, 처음에 의도한 space-b..

Front-end/CSS 2022.10.08
이전
1
다음
더보기
프로필사진

오열매의 코딩 공간

공지사항

  • 분류 전체보기 (76)
    • Front-end (47)
      • HTML (3)
      • CSS (14)
      • SCSS (5)
      • JavaScript (11)
      • JQuery (0)
      • React (12)
      • TypeScript (2)
    • Back-end (1)
      • Node.js (1)
    • Automation (3)
      • Python (3)
      • BeautifulSoup (0)
      • Selenium (0)
      • Kiwoom (0)
      • Photoshop (0)
    • Environment (24)
      • VSC (2)
      • Git & Github (16)
      • Linux (6)
      • CMD (0)
      • Ananconda (0)
    • ETC (1)

Tag ☆

setting, 문법, Linux, 명령어, scss, Terminal, 개념, wsl2, GitHub desktop, TS, Router, JS, React, github, 설치, css, GIT, javascript, 실습, vanillajs,

최근글과 인기글

  • 최근글
  • 인기글

방문자수Total

  • Today :
  • Yesterday :
08-10 05:16

Copyright © Kakao Corp. All rights reserved.

티스토리툴바