CSS - 한 줄 및 여러 줄 텍스트를 가운데에 배치하는 방법

Question

사진과 같이

텍스트가 한 줄만 있으면 텍스트가 세로로 가운데에 맞춰집니다. 두 줄의 텍스트가 있으면 텍스트도 세로로 가운데에 맞춰집니다.

PS: 구부릴 필요가 없습니다.

Answer 1

렌더링을 먼저 보세요

그다음 코드 구현

으아아아

Answer 2

레이아웃을 보면 다음과 같아야 합니다. 왼쪽의 텍스트와 오른쪽의 시간은 모두 세로 중앙에 위치합니다.
간단한 방법은 다음과 같습니다.
layout:<p><span>gfghghg</span><span>2017-12<s/pan></p>
css:
p{display: table ;}
스팬{디스플레이: 테이블-셀; 수직 정렬: 중간;}

시도해 보세요

Answer 3

다양한 솔루션과 포털이 포함되어 있습니다

Answer 4

으아아아

Answer 5

<p class="" style="display: 테이블;높이: 100px;">

으아악

Answer 6

으아악 으아악

Answer 7

제공한 그림에 따르면 각 콘텐츠의 높이가 고정되어 있으므로 가장 바깥쪽 상위 요소의 줄 높이를 자체 높이의 p 태그 표시와 동일하게 설정하세요. inline-block: middle; 코드 구조
으아악

Answer 8

제가 요약한 방법을 살펴보실 수 있습니다. Portal
주제에게 필요한 것은 여러 줄의 텍스트를 세로로 가운데에 배치하는 방법입니다. 내가 요약한 기사에는 이를 달성하기 위한 일반적인 방법이 포함되어 있습니다. 예는 다음과 같습니다.
http://codepen.io/zengkan0703...
제 답변을 싫어한 질문자가 아닐까요? 그렇다면 그 이유에 대한 답을 얻을 수 있기를 바랍니다. 그렇지 않은 경우 위의 예를 통해 요구 사항을 해결할 수 있습니다.