줄 바꿈 없이 텍스트를 가운데 정렬

Question

제목을 중앙에 맞추려고 해서 white-space: nowrap;를 사용해서

겹치지 않고 한 줄로 표시됐는데 이제는 중앙에 안 나오네요. 제목에 대한 CSS 코드가 있고 보기에도 좋습니다. 유일한 문제는 중앙에 위치하는 대신 중앙에서 시작하여 오른쪽으로 끝까지 이동한다는 것입니다. 마치 '탐험가를 만나다'가 아니라 '탐험가를 만나다'

내 코드 조각은:

으아아아 으아아아 🎜

Answer 1

왜 블록 요소가 아닌 코드에 justify-content: center ，因为它在那里没有做任何事情。您也不需要 inline-block 因为 span 태그가 있는지 잘 모르겠습니다.

display 属性并添加 text-align: center，这样它将居中您的 h1 태그를 제거할 수 있습니다.

으아아아 으아아아