오늘의 CODE

  • 홈
  • 태그
  • 방명록

width에 맞춰 height 1

aspect-ratio

이미지 또는 특정 엘리먼트를 정해진 비율로 작게 보이거나 크게 보이게 하고 싶을 때 특히, 이미지가 img 태그가 아닌 background를 사용할 경우, 유용하게 사용됨. padding-top 또는 padding-bottom을 이용하는 방법 container 요소에 적용된 width의 값을 기준으로 inner에 padding-top 또는 bottom을 지정해줌. * 이 방법을 사용하기 위해서는 하나의 조건과 다른 하나의 엘리먼트가 필요함 (즉 아래 예제와 같이 container 요소와 하위 요소가 필요) 예제 1:1 Aspect Ratio (height equal to width) .container { background-color: red; width: 100%; } .inner { padding-..

프론트엔드/css 2021.09.13
1
더보기
프로필사진

오늘의 CODE를 내일로 미루지 말자!!

  • 전체 (155)
    • 개발 환경 & 셋업 (8)
      • Setting Guide (8)
    • 프론트엔드 (97)
      • HTML (2)
      • css (40)
      • javascript (31)
      • React (9)
      • Vue.js (15)
    • 블록체인 & Web3 (7)
      • Block chain (4)
      • web3.js (3)
    • 에러 노트 (3)
      • 내가 만난 에러들 (3)
    • 이론 & 자료 정리 (20)
      • 개념 노트 (14)
      • 번역 아카이브 (6)
    • TIL & Practice (19)
      • Coding Practice (19)

Tag

Blockchain, JSON, authoptions, 프로그래머스, package.json, docker 로컬 설치, 접두사 검색, javascript, 중복접두사, 카다인 알고리즘, css, spread operator, Nuxt.js, javascript example, 알고리즘, 지지않아, 비동기처리, 콜백지옥, 백엔드 도전기, Regex,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바