이미지 가운데 넣는 시행착오

오늘 만든 내용

처음에 나오는 이미지 조절 및 가운데 글자 넣기

실패한 부분

이미지를 넣는 부분까지는 괜찮았지만

이미지 안에 글자를 가운데로 오게 하는 부분이 많이 어려웠습니다.

시도한 내용

처음에는 flex를 이용하여 이미지를 가운데 넣으려고 했지만 잘 되지가 않았습니다.ㅜㅜ

글자의 위치를 지정하여 넣을려도 해도 이미지가 자꾸 이상한데로 가서 너무 힘들었습니다.

해결한 내용

어떻게 해결하게 됬냐면 당연히 구글로 찾아서 table-cell를 이용한 방법을 알게 되었습니다.

처음에는 그냥 붙여넣기로 해결해 보려고 하였지만 해결이 되지 않아서 table-cell를 한 번 알아보았습니다. dispalay에 table를 적용시키는 내용인데 정확히는 <td>요소처럼 표현하는 방식이었습니다. 당현히 <td>만 있으니 해결되지 않았고 상위 객체에 로 표현시키는 table속성을 넣어 해결하였습니다.

다음에 할 내용

프로필 이미지에 4가지 색상을 따서 블로그 전체 색상 바꾸기