HTML div 요소 정렬
#angular#button align right#div 중앙 정렬#front-end 팁#HTML 정렬#mar-card button align right#mat-card align#버튼 오른쪽 정렬
💡이 글의 요약
mat-card 를 사용 하던 도중 button을 우측 하단에 놓고 싶었다. 하지만, 구글링을 해도 float : right 를 하면 된다는 글들이 있었다. 냅다 따라했지만 오른쪽에 위치하는건 맞는데 div 밖으로 튀어 나온다. 혈압이 터질 거 같았지만 다른 방법을 찾아 보았다. 결과만 말하고 끝내고 싶다 display: flex; justify-content: flex-end; 선에서 정리 가능. See the Pen by Junmannn (@Junmannn) on CodePen. + div 자체를 중앙 정렬하는 코드 : div 자체에 적용하는 스타일 한 줄이면 정리 가능 style = "margin:0 auto;"
mat-card 를 사용 하던 도중 button을 우측 하단에 놓고 싶었다. 하지만, 구글링을 해도 float : right 를 하면 된다는 글들이 있었다. 냅다 따라했지만 오른쪽에 위치하는건 맞는데 div 밖으로 튀어 나온다. 혈압이 터질 거 같았지만 다른 방법을 찾아 보았다. 결과만 말하고 끝내고 싶다
display: flex;
justify-content: flex-end;
선에서 정리 가능.
See the Pen by Junmannn (@Junmannn) on CodePen.
+ div 자체를 중앙 정렬하는 코드 : div 자체에 적용하는 스타일 한 줄이면 정리 가능
style = "margin:0 auto;"
