Mi Lugarcito

GIT - README 에서 이미지 사이즈 및 위치 조절하기 본문

GIT

GIT - README 에서 이미지 사이즈 및 위치 조절하기

selene park 2021. 2. 20. 21:34

이미지 크기 조정하기

<img> 태그로 이미지를 첨부하고, width, height 속성을 준다.

<img src="image_src" height="100px" width="300px">

 

예시 :

<img src="" width="20%" height="30%">

가운데 정렬하기

마찬가지로 <img> 태그로 이미지를 첨부하고, 이미지 태그를 p태그로 감싼다.

<p align="center"><img src="image_src"></p>

오른쪽 정렬하기, 왼쪽 정렬하기

왼쪽 정렬은 기본값이며, 오른쪽 정렬은 img 태그에 align 속성을 준다.

<img src="image_src" align="right">

 

예시

# Registration_Helper_Application
Registration Helper Application

Currently working on showing the schedule on the screen and finding errors

<p align="center">
<img src="https://user-images.githubusercontent.com/73155839/108593450-0c72ed80-73b7-11eb-8ad3-6ca54e6bbf2a.png" width="20%" height="30%">
<img src="https://user-images.githubusercontent.com/73155839/108593437-04b34900-73b7-11eb-9ca8-affac5067930.jpg" width="20%" height="30%">
<img src="https://user-images.githubusercontent.com/73155839/108593449-0c72ed80-73b7-11eb-87c0-3c6530711fc2.jpg" width="20%" height="30%">
<img src="https://user-images.githubusercontent.com/73155839/108593440-0977fd00-73b7-11eb-96c9-907394bd8aa6.jpg" width="20%" height="30%">
<img src="https://user-images.githubusercontent.com/73155839/108593443-0a109380-73b7-11eb-8d34-6ba5d75d820c.jpg" width="20%" height="30%">
<img src="https://user-images.githubusercontent.com/73155839/108593444-0aa92a00-73b7-11eb-94e6-cf9eef16c3a2.jpg" width="20%" height="30%">
<img src="https://user-images.githubusercontent.com/73155839/108593445-0b41c080-73b7-11eb-9d8f-ede28dfe6b19.jpg" width="20%" height="30%">
<img src="https://user-images.githubusercontent.com/73155839/108593446-0b41c080-73b7-11eb-8612-224d205ce165.jpg" width="20%" height="30%">
<img src="https://user-images.githubusercontent.com/73155839/108593439-0846d000-73b7-11eb-9a15-cd7a06297bd1.jpg" width="20%" height="30%">
<img src="https://user-images.githubusercontent.com/73155839/108593447-0bda5700-73b7-11eb-95f9-474f2d9b503f.jpg" width="20%" height="30%">
</p>