Javascript에서 자동 정렬을 구현하는 방법은 무엇입니까?

Metro 스타일 UI 웹페이지의 경우 마우스로 아이콘을 드래그하면 드래그한 아이콘의 위치에 따라 다른 아이콘이 자동으로 정렬되는 것을 어떻게 알 수 있나요?
참고:

1. 아이콘 크기는 다양할 수 있습니다.

2. 결과를 유지해야 합니다(페이지를 다시 로드한 후에도 레이아웃이 변경되지 않음).

3. 호환성을 고려할 필요는 없으며 대략적인 아이디어만 간단히 이야기하면 됩니다.

Windows 10 시작 메뉴와 같은 효과:

답글 내용:

Metro 스타일 UI 웹페이지의 경우 마우스로 아이콘을 드래그하면 드래그한 아이콘의 위치에 따라 다른 아이콘이 자동으로 정렬되는 것을 어떻게 알 수 있나요?
참고:

1. 아이콘 크기는 다양할 수 있습니다.

2. 결과를 유지해야 합니다(페이지를 다시 로드한 후에도 레이아웃이 변경되지 않음).

3. 호환성을 고려할 필요는 없으며 대략적인 아이디어만 간단히 이야기하면 됩니다.

Windows 10 시작 메뉴와 같은 효과:

아이콘을 특정 위치로 드래그하면 아이콘의 좌표는 영향을 받는 후속 아이콘의 좌표에서 드래그된 아이콘의 너비를 뺀 값이 됩니다.

해당 플러그인이 있어야 합니다

개인적으로는 어제 플러그인을 사용했는데 3kb 정도의 용량으로 매우 사용하기 쉬운 "sortable.js"를 사용해 볼 수 있습니다.

빠르면 플러그인을 사용하는 걸 추천드려요. 직접 써보면 느낌이 꽤 좋아요

공식 구현 및 문서
metroui: http://metroui.org.ua/
시작 화면: http://metroui.org.ua/templat...