css 배경사진 넣고 브라우저 크기에 상관없이 중앙으로 고정하고 싶을 때

Question

배경사진을 넣고 가운데 글씨를 넣었습니다.근데 반응형처럼 브라우저 크기에 상관없이 브라우저 딱 정 중앙으로 옮기고 싶은데지금 상태는 가운데 상단에 고정되어있는 상태라서요 어떻게 수정하는게 좋을까요??

Eleutherius · Answer

Hello, World!

kakakak3 · Answer

Eleutherius 답변 감사합니다.근데 이렇게 했는데 글자는 정중앙에 있지 않고 자꾸 움직이네요...브라우저 크기 조절할 때마다 글자도 딱 정중앙에 옮길 수 없을까요?

doru · Answer

정말 body에 백그라운드넣고h1태그가 정 중앙에만 자리잡게만 하고싶으시다면(그 이외 다른 추가적인 마크업, css추가가 없다는 가정하에) body에 position:relative; 걸어주시고h1태그에 display:inline-block; position:absolute; transform:translate(-50%, -50%); top:50%; left:50%;걸어주셔요. 단 h1태그에 넣은 스타일들은 다른 페이지에서도 적용되지않게 클래스 구분해주셔야할듯..

css 배경사진 넣고 브라우저 크기에 상관없이 중앙으로 고정하고 싶을 때

3개의 답변

Q&A 목록