ayko

모바일 반응형으로 이미지 작업을 하려고합니다.

이미지 크기 1100px에서 그 이상의 화면에서는 좌측 정렬이 되어서

가운데 중앙 정렬을 하기 위해 구글링을 해본 후 방법을 찾았어요.

html

<div class="wrap">

    <img class="img" scr="https://...">

</div>

css

.wrap { width:100%; height:auto; display:flex; flex-direction:column; align-items:center; justify-content:center; position:center; }

.img {max-width: 100%; margin:0 auto; height: auto;}

이미지 출처 : https://pixabay.com/

vscode extension market 이나 online에서 파일을 다운 받은 후

.vsix 파일 수동으로 설치하는 방법

먼저 vscode를 실행합니다.

1. vscode 의 extension 메뉴를 선택하면, extensions 창이 뜹니다.

2. extension 옆에 메뉴 중 점 3개 (...)을 클릭 합니다.

3. 맨 아래 install form VSIX... 클릭 합니다.

4. 다운로드 받았던 파일을 선택하면 수동 설치가 됩니다.