[css] gap

상하좌우의 간격을 만들기 위해 사용

 

메뉴나 리스트를 생성하면 모든 리스트가 딱딱 붙어 있는것을 볼 수 있다.

이럴 때 gap를 사용하여 각각의 여백을 만들어 준다

상하 / 좌우에 모두 적용 된다.

gap 사용 전

css에 gap 적용

gap 적용 후

.ex{
	gap: 10px 20px;
}
// 순서대로 좌우 / 상하 의 값을 따로 설정 할 수도 있다