사용자 도구

사이트 도구


wiki:css

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

양쪽 이전 판 이전 판
다음 판
이전 판
wiki:css [2022/10/11 20:09]
dhan
wiki:css [2023/01/13 18:44] (현재)
줄 77: 줄 77:
   flex-shrink: 2;  /* 줄어드는 비중 */   flex-shrink: 2;  /* 줄어드는 비중 */
   flex-basis: 60%; /* 차지하는 비중, flex-grow, flxe-shrink와 같이 사용하지 않음 */   flex-basis: 60%; /* 차지하는 비중, flex-grow, flxe-shrink와 같이 사용하지 않음 */
 +  align-self: center; /* 아이템별로 지정 */
 } }
      
줄 92: 줄 93:
   flex-basis: 60%;   flex-basis: 60%;
 } }
-   
      
 </code> </code>
 +
  
 실습 [[https://jsbin.com|jsbin.com]] \\ 실습 [[https://jsbin.com|jsbin.com]] \\
-컬러 [[https://material.io/resources/color/#!/?view.left=0&view.right=0|COLOR TOOL]]+컬러 [[https://material.io/resources/color/#!/?view.left=0&view.right=0|COLOR TOOL]] \\ 
 +[[https://flexboxfroggy.com/|Flexbox Froggy 게임]] \\ 
 +\\
 ===== Grid ===== ===== Grid =====
 <code txt> <code txt>
줄 376: 줄 379:
 ===== CSS Note ==== ===== CSS Note ====
    * [[wiki:css:css note]]    * [[wiki:css:css note]]
 +   * [[https://www.freecodecamp.org/news/how-to-center-an-image-in-css/|이미지를 중간으로(수직, 수평)]] , How to Center an Image Vertically and Horizontally with CSS
 \\ \\
 {{tag>주레피 천호동밤안개 button}} {{tag>주레피 천호동밤안개 button}}
/volume1/web/dokuwiki/data/attic/wiki/css.1665486562.txt.gz · 마지막으로 수정됨: 2022/10/11 20:09 저자 dhan