여러 가지 방법으로 세로 정렬 할 수 있습니까?

Question

검색을 많이 사용했지만 혼란스러워하는 방법이 너무 많습니다. (

div의 (가운데 쪽은 위대하다) 센터 페이지를 세로로 정렬하고 싶습니다. t 그림 그것을 밖으로 :(

그리고 무슨 일이 반응 할 수있는 가장 좋은 방법입니다? 내가 넣어 시도했습니다

(예를 들어 내가 사진이 작은/모바일 화면의 필드에서가되고 싶어요) div의 100 % 높이를 사용하고 세로 정렬을 사용합니다 : 가운데, 또한 왼쪽에서 시도 : 50 위 50 위, -50-50 번역, 아무 것도 작동하지 않음

<a href="https://codepen.io/JohanHalekor/pen/ppeQbe">Codepen</a> 

Answer 1

왜 웹 사이트를 프로그래밍하고 있는지 잘 모르겠지만 응답 성을 높이려면 대신에 부트 스트랩과 같은 UI 프레임 워크를 사용해야합니다. 그렇지 않으면이 텍스트 정렬 속성을 사용하여 텍스트를 정렬 할 수 있지만 vertical-align 속성 (html 요소의 모든 CSS 속성을 볼 수있는 W3C로 이동하십시오)은 나에게 가장 적합합니다.

Hoping that it ~ TBD