column-reverse1

• 

  채팅창 우측 하단부터 메세지 나오게 하기 - flex-direction reverse 사용 문제 채팅앱을 구현하던 중, 채팅창 메세지가 사진처럼 우측 위부터 시작해서 나오는 것을 발견했다. 이는 어떻게 해결하면 좋을까? ref도 쓰고 높이도 재서 자바스크립트로 구현도 해보았지만, 결국 flex의 기본 개념만 잘 알고 있으면 되었다는 것을 깨달았다. 여기서 사용할 내용은 flex의 row-reverse 및 column-reverse이다. flex-direction의 reverse 속성 먼저 row-reverse를 설정하면 다음과 같이 행을 기준으로 뒤에서부터 쌓인다. 예시 코드는 이 링크를 참조하자: W3Schools Tryit Editor W3Schools online HTML editor The W3Schools online code editor allows you to edit code a.. 개발 이야기/frontend 2023. 10. 31.